使用jQuery选择.eq()的多个元素
我想从表中选择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没有专门共享的类,因此基于类的选择将不起作用。
我用.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");
我将VisioN的filter方法包装到jQuery插件中:
$.fn.eqAnyOf = function (arrayOfIndexes) { return this.filter(function(i) { return $.inArray(i, arrayOfIndexes) > -1; }); };
所以现在用法很干净:
var $tds = $('table td').eqAnyOf([1, 5, 9]);
试试这个
$('table td:eq(0), table td:eq(5), table td:eq(9)')
$('table td').filter(':eq(' + indexesToSelect.join('), :eq(') + ')')