[英]How to remove elements inside div using javascript?
How to remove elements inside div using javascript?如何使用 javascript 删除 div 中的元素?
I tried to remove all element inside div id="myList_2"
我试图删除 div id="myList_2"
中的所有元素
But not work, How can i do that?但不起作用,我该怎么做?
THANK YOU FOR ALL..感谢你所做的一切..
http://jsfiddle.net/tr8ack7v/1/ http://jsfiddle.net/tr8ack7v/1/
<div id="myList_1">
<span id="x">111111</span>
</div>
<div id="myList_2">
<span id="x">222222</span>
</div>
<button onclick="myFunction(2)">Try it</button>
<script>
function myFunction(data_value) {
var list = document.getElementById("myList_"+data_value);
var x_child=document.getElementById("x");
list.removeChild(x_child);
}
</script>
Don't reuse id
s on html elements.不要在 html 元素上重用id
。 An id
should be unique, use class
instead. id
应该是唯一的,请改用class
。
var a = $('#myList_1 > .x'); $('button').click(function(){ $(a).remove(); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div id="myList_1"> <span class="x">111111</span> </div> <div id="myList_2"> <span class="x">222222</span> </div> <button>Try it</button>
Duplicate "x"
id
s at span
elements ?在span
元素重复"x"
id
s? Try adding "1"
, "2"
, respectively , to span
id
property to substitute unique id
s in document for duplicate id
s at span
elements尝试分别添加"1"
、 "2"
到span
id
属性,以将文档中的唯一id
替换为span
元素处的重复id
<div id="myList_1"> <span id="x1">111111</span> </div> <div id="myList_2"> <span id="x2">222222</span> </div> <button onclick="myFunction(2)">Try it</button> <script> function myFunction(data_value) { var list = document.getElementById("myList_" + data_value); var x_child = document.getElementById("x" + data_value); list.removeChild(x_child); } </script>
You have 2 id
s that are the same, id
s should be unique.你有2个id
S中的相同, id
S的关系是唯一的。
Here is a version that uses classes instead (which dont have to be unique):这是一个使用类的版本(不必是唯一的):
<div id="myList_1">
<span class="x">111111</span>
</div>
<div id="myList_2">
<span class="x">222222</span>
</div>
<button onclick="javascript: myFunction(2)">Try it</button>
<script>
function myFunction(data_value) {
var list = document.getElementById("myList_"+data_value);
var x_child=list.getElementsByClassName("x")[0];
list.removeChild(x_child);
}
</script>
<div id="myList_1">
<span id="x1">111111</span>
</div>
<div id="myList_2">
<span id="x">222222</span>
</div>
<button onclick="myFunction(2)">Try it</button>
<script>
function myFunction(data_value) {
var list = document.getElementById("myList_"+data_value);
var x_child=document.getElementById("x");
list.find('#x').remove();
}
</script>
$("#myList_2").innerHTML = '' $("#myList_2").innerHTML = ''
// should work, haven't tried it, but it works to get rid of paragraphs for me // 应该可以,还没试过,但它可以帮我去掉段落
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.