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

如果我有一系列带有class=“filler”的元素，如何一次删除一个而不删除所有元素？这是没有给他们所有的身份证；有很多

例如，假设我有：

<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。如何操作？

要使用jquery删除第一个

br

和

hr

，请执行以下操作：

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

使用以下命令：

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

参考资料：

HTML

CSS

---

您可以玩代码…：）

“一次一个”是什么意思？标记是什么样子的？document.getElementsByClassName（'filler'）将为您提供具有指定类的所有元素的数组。您可以使用索引访问每个。不确定它是否与IE兼容。请提供代码；一次一个，例如第一个，还是最后一个，等等？这取决于调用函数时要删除哪一个？或者，

$（“element:first”）.remove（）

或

$（“元素”）.eq（0）.remove（），可能还有很多其他的…有一个.first（）？为什么jQuery这么好？@Madmartigan:使用
：first
是一个更好的选择器，但我在IE8和IE7中遇到了
：first
的问题，所以我认为
first（）
更安全。@AndersAbel:如果你说的是真的，确保你归档了一个错误，这样它就可以被修复。@Madmartigan:我首先必须确保问题不在键盘后面（即：我正在做一些愚蠢的事情），但一旦验证了，归档一个错误是个好主意。
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>

//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
})​

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