如何使用带有#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/