我将如何使用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(),它会导致循环出错,因为它预计下一个孩子.
