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

Question

如果我有一系列带有 class="filler" 的元素，我怎样才能一次删除一个而不删除所有元素？这是没有给他们所有的ID；有很多。

例如，假设我有这个：

<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

要删除第一个br并hr使用 jquery：

$("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;
}​

你可以玩代码... :)