javascript – 从选择框中删除重复的条目

我将如何使用jQuery删除重复项

<option value="English">English</option>
        <option value="English">English</option>
        <option value="English">English</option>
        <option value="Geology">Geology</option>
        <option value="Geology">Geology</option>
        <option value="information Technology">information Technology</option>
        <option value="Music">Music</option>
        <option value="Music">Music</option>
        <option value="Zoology">Zoology</option>

解决方法

你可以这样做：

var found = [];
$("select option").each(function() {
  if($.inArray(this.value,found) != -1) $(this).remove();
  found.push(this.value);
});

Give it a try here,这是一个简单的方法,我们只保留一个找到的值数组,如果我们没有找到该值,将它添加到数组(.push()),如果我们找到了值,这个是我们之前发现的欺骗,.remove()它.

这只会抓取< select>曾经,最小化DOM遍历,这比阵列操作贵很多.我们也使用$.inArray()而不是.indexOf(),所以这在IE中正常工作.

如果你想要一个效率较低但更短的解决方案(仅用于说明,请使用第一种方法！)：

$('select option').each(function() {
  $(this).prevAll('option[value="' + this.value + '"]').remove();
});

You can test it here,这会移除所有具有相同值的兄弟姐妹,但它比第一种方法贵得多(DOM Traversal很昂贵,而且这里有多个选择器引擎调用,还有更多).我们正在使用.prevAll(),因为你不能在.each()中删除 .siblings(),它会导致循环出错,因为它预计下一个孩子.

javascript – 从选择框中删除重复的条目

解决方法

相关文章