Question

如果我有一系列带有class =“filler”的元素，如何在不删除所有元素的情况下一次删除一个元素？这并没有给他们所有的ids;有很多。

例如，说我有这个：

<br class="filler"/>
<hr class="filler"/>
<br class="filler"/>
<hr class="filler"/>
<br class="filler"/>
<hr class="filler"/>
<br class="filler"/>
<hr class="filler"/>

这种方式有很多重复。我想在每次调用函数时删除一个br和一个hr。我怎么能这样做？

Answer 1

使用jquery删除第一个br和hr：

$("br.filler").first().remove();
$("hr.filler").first().remove();

Answer 2

使用此：

$("br.filler").first().remove();
$("hr.filler").first().remove();

参考：http://api.jquery.com/first/

Answer 3

http://jsfiddle.net/Bongs/bnmzr/

HTML

Click on div to remove
<div class="filler"></div>
<div class="filler"></div>
<div class="filler"></div>
<div class="filler"></div>
<div class="filler"></div>

JS

//add the event on which you want to remove the div...
$(".filler").live("click", function(){
    $(this).remove();     //the div on which you click will be removed from DOM
})

CSS

.filler
{
    border: 1px solid #000;
    height: 10px;
    width: 50px;
}

你可以玩代码......：）

如何一次删除一个类元素？

3 个答案: