如何使用Javascript删除重复的HTML元素

Question

我遇到了麻烦，我的代码已经用IE 8创建了三次，没有任何理由...... 但是，它适用于FF和Chrome。请告诉我如何删除副本？

我的Javascript：

var get_text_approve_2 = "Transportation";
$(get_approve_2).after("<a class='set_backgr' href=''>" + get_text_approve_2 + "</a>");

HTML：

• 在FF＆amp; Chrome - 我得到了：

  <a href="" class="set_backgr">Transportation</a>

• 在IE 8中 - 我得到了：

  <A class=set_backgr href="">Transportation </A> <A class=set_backgr href="">Transportation </A>

Answer 1

你可以使用

while($(".set_backgr").length > 1)
    $(".set_backgr:first").remove()

然而更有用的是理解为什么会有重复。

Answer 2

尝试使用.slice（）

$('.set_backgr').slice(0, -1).remove()

Answer 3

尝试

:not()

:last

$('.set_backgr:not(:last)').remove();

---

$('.set_backgr:not(:last)')选择除了最后一个类set_backgr之外的所有元素。

Fiddle Demo Fiddle Demo with only one element

Answer 4

您可能包含两次此文件

<script type="text/javascript" src="/scripts/jquery.min.js"></script>

请检查