使用jQuery删除特定的动态div

时间:2014-12-11 11:55:43

标签: javascript jquery html

我正在使用appendinput附加一些div数据。经过一些追加后,我的数据如下:

<div id="holder">
</div>
var data = "<div id=1><input type='text' id='test_1' name='test_1'></div><div id=2><input type='text' id='test_2' name='test_2'></div>"
$("#holder").append(data );

我使用append附加数据。现在,我想基于id删除特定div

例如,如果id为1,则删除该行。 <div id=1><input type='text' id='test_1' name='test_1'></div>和所有人一样。

我尝试了$("#holder").remove(),但它会删除所有数据。我想删除特定的div然后该做什么?

2 个答案:

答案 0 :(得分:1)

$("#holder").remove()将删除所有内容,因为这是由所有子div组成的父div(如div id = 1)

如同你做的那样数字给出一个不好的做法(id = 1,id = 2等)

附加一些字母和数字,如id = a1,id = a2 ....

删除特定div

$("#a1").remove()

从上面的评论中你已经说过,你将从id获得click

所以尝试下面的

$(selector).click(function(){
var id=//get the id of the div
$("#a"+id).remove()
});

答案 1 :(得分:0)

我认为这可行:

var theId = document.getElementById("1");
theID.remove();