javascript - 如何使用 jQuery 在两个数组中选择相同的对象？

Question

我有两个对象数组。我想从两个数组中选择相同的对象并显示它。例如我有以下 UL ( You can see it at jsFiddle ):

<ul>
<li id="one" class="color pro">one</li>
<li id="two" class="color pro">two</li>
<li id="three" class="color">three</li>
<li id="four" class="color">four</li>
</ul>

我正在使用以下脚本来显示相同​​的对象。

var activeElementsColors = $("ul li.color");
var activeElementsPro = $("ul li.pro");                             

var activeElements = activeElementsPro.filter(function(el) {  
return $.inArray(el, activeElementsColors) > -1;
});

activeElements.show();

我知道我可以使用 $("li.color.pro").show() 但上面的只是一个例子。实际代码比这复杂。

Answer 1

var activeElementsColors = $("ul li.color");
var activeElementsPro = $("ul li.pro");                             

var activeElements = activeElementsPro.filter(function(el,e) {  

    return $.inArray(e, activeElementsColors) > -1;
});
console.log(activeElements);
activeElements.show();

http://jsfiddle.net/StPew/8/