2013-04-25 18 views
11

Chcę wybrać podzbiór tds z tabeli.Użyj jQuery, aby wybrać wiele elementów za pomocą .eq()

Wcześniej wiem, jakie są indeksy, ale są one faktycznie losowe (nie dziwne, a nawet indeksy, itp.).

Na przykład mówię, że chcę wybrać 0, 5 i 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)); 
}); 

Tak (2) działa i używam, ale zastanawiam się, czy istnieje bardziej naturalny sposób przy użyciu jQuery.

Coś jak przekazywanie .eq() tablicy indeksów? (to nie działa)

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

Jeśli nie, napiszę małą wtyczkę dla czegoś takiego jak .eqMulti (tablica).

uwaga: nie ma klasy, której te tds udostępniają wyłącznie, więc wybór na podstawie klasy nie będzie działać.

Odpowiedz

16

zrobiłbym to z .filter() i $.inArray():

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

Inną [bardziej brzydki] sposobem jest mapowanie do selektora:

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

Myślę, że pierwszy jest całkiem przystojny. – Jai

+0

Filtr wygląda tak, jak chcę, dzięki. – Sean

2

spróbować

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

No, to to zrobi, ale tablica indeksów chcę nie jest stała. Będzie potrzebować funkcji do przetłumaczenia tablicy na ciąg znaków, taki jaki podasz tutaj. Ale dla znanych indeksów jest to dobre. – Sean

6

Zawinęłem metodę filtrowania VisioN do jQuera y wtyczki:

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

Więc teraz użycie jest ładny i czysty:

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

Nice! Pracowałem na poczęstunek w moim nowym projekcie. – AshHimself

+0

To jest wspaniałe - dzięki. – cheshireoctopus

2
$('table td').filter(':eq(' + indexesToSelect.join('), :eq(') + ')') 
Powiązane problemy