javascript - 使用 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)。

注意：这些 td 没有专门共享的类，因此基于类进行选择将不起作用。

Answer 1

我会用.filter()and来做$.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]);

Answer 3

尝试这个

   $('table td:eq(0), table td:eq(5), table td:eq(9)')

Answer 4

$('table td').filter(':eq(' + indexesToSelect.join('), :eq(') + ')')