Используйте jQuery для выбора нескольких элементов с помощью .eq()

Я хочу выбрать подмножество tds из таблицы.

Я заранее знаю, что такое индексы, но они эффективно случайны (нечетные или даже индексы и т.д.).

Например, я хочу выбрать 0-й, 5-й и 9-й тд.

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).

note: нет класса, который разделяет эти tds исключительно, поэтому выбор на основе класса не будет работать.

Ответы

Ответ 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");

Ответ 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]);

Ответ 3

попробуйте это

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

Ответ 4

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