使用jQuery选择.eq()的多个元素

Question

我想从表中选择tds的子集.

我事先知道索引是什么,但它们实际上是随机的(不是奇数或偶数索引等).

例如,我想选择第0,第5和第9个td.

indexesToSelect = [0, 5, 9];

// 1) this selects the one by one
$('table td').eq(0)
$('table td').eq(5)
$('table td').eq(9)


// 2)this selects them as a group (with underscore / lodash)
var $myIndexes = $();

_.forEach(indexesToSelect, function (idx) {
    $myIndexes = $myIndexes.add($('table td').eq(idx));
});

所以(2)工作,我正在使用它,但我想知道是否有一种更自然的方式使用jQuery.

像传递.eq()索引数组的东西？(那不起作用)

// does not work
$('table td').eq([0, 5, 9])

如果不是,我会为类似的东西写一个小插件.eqMulti(array).

注意:这些tds没有专门共享的类,因此基于类的选择将不起作用.

Answer 1

我会做它用.filter()和$.inArray():

var elements = $("table td").filter(function(i) {
    return $.inArray(i, indexesToSelect) > -1;
});

另一种[ 更难看的 ]方式是映射到选择器:

var elements = $($.map(indexesToSelect, function(i) {
    return "td:eq(" + i + ")";
}).join(","), "table");

Answer 2

我将VisioN的过滤方法包装到jQuery插件中:

$.fn.eqAnyOf = function (arrayOfIndexes) {
    return this.filter(function(i) {
        return $.inArray(i, arrayOfIndexes) > -1;
    });
};

所以现在用法很干净:

var $tds = $('table td').eqAnyOf([1, 5, 9]);