javascript - 如何使用带有#signature的javascript var来指向id?

标签 javascript jquery html

如何使用带有#signature的javascript var来指向id?

我尝试使用 $("#test_input_val").remove();$("#555").remove(); 相同,但不是工作。

https://jsfiddle.net/L1dx3nLb/2/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
    var test_input_val = document.getElementById("test_input").value;    
        $("#test_input_val").remove();
    });
});
</script>

<body>

<input id="test_input" value="555"/>
<div id="555">test test test test test</div>
<br>

<button>Remove div element</button>

</body>

最佳答案

由于 test_input_val 是一个变量,您需要连接并创建一个有效的选择器。然后可以进行各种操作。

 $("#" + test_input_val).remove();

根据当前的实现,正在寻找 ID 为 test_input_val 的元素,因此不会执行操作。

$(document).ready(function() {
  $("button").click(function() {
    var test_input_val = document.getElementById("test_input").value;
    $("#" + test_input_val).remove();
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="test_input" value="555" />
<div id="555">test test test test test</div>
<br>

<button>Remove div element</button>

关于javascript - 如何使用带有#signature的javascript var来指向id?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35037190/

相关文章:

javascript - 如何从 Freemarker 调用 JavaScript 函数?

javascript - 如何在 jQuery 中包装一组可重复的元素?

javascript - "Save as"- IE中的按钮,在客户端保存文件

php - 如何使用 PHP 从下拉菜单中动态创建的表单中获取值?

JavaScript If/Else 样式改变

javascript - 无法在 'atob' 上执行 'Window'

html - 一个 html 表格单元格中的 Cellpadding

php - 选择两个日期之间的数据

javascript - angularJS json获取资源?

javascript - CSS 工具提示不显示