jQuery:有没有办法使用数组选择器选择多个元素？

Question

是否可以使用数组选择器选择多个元素？

如果是这样,最好的方法是什么？在我的项目中,我只需要使用数组选择器.

这是我的示例代码:

<ul>
    <li>1<li>
    <li>2<li>
    <li>3<li>
    <li>4<li>
    <li>5<li>
</ul>
<a href="#">select</a>?

$('a').click(function(){
    var element = $('ul').find('li')[0]; // Instead is it possible $('ul').find('li')[0,3,4]? I know we can select finding each alone. But is there any shortcut?
    $(element).css({border:'1px solid red'});
})?

Answer 1

这将产生期望的结果.只需通过index()过滤并使用inArray().

var arr = [0, 3, 5];
$('ul li').each(function() {
    if ($.inArray($(this).index(), arr) < 0)
        return;
    // Code here!
    $(this).css('border', '1px solid red');
});

基本上所有的<li>都是通过each()运行,然后我循环检查给定的.index()是否在给定的数组中.如果它们不存在($ .inArray()== -1)那么我会返回; 跳过执行.