selektor atrybutu jQuery, gdzie wartość zawiera wartość w tablicy

Question

Mam kilka elementów listy z atrybutem. Chcę wybrać tylko dwa lub trzy z nich naraz. Obecnie jestem split ing listę oddzielonych przecinkami identyfikatorów następnie tworząc tablicę dla selektorów jQuery powrót:

var ids = $(this).text().split(','); //e.g. text = 1,13,27 
var selectors = []; 
for (var index in ids) 
{ 
    selectors.push('.container ul.class li[data-id="'+ids[index]+'"]'); 
} 
$(selectors.join(',')).addClass('active'); 

To wydaje się być dość kosztowne podejście do Firefoksa. Czy istnieje sposób na zoptymalizowanie tego, abym mógł wybrać dowolny li z atrybutem id danych zawierającym dowolny identyfikator?

Coś podobnego do poniższego, ale wybierając jedną z wartości?

var ids = $(this).text().split(','); //e.g. text = 1,13,27 
$('.container ul.class li[data-id~="' + ids + '"]').addClass('active'); 

[edytuj]

Dzięki komentarzu @Alnitak „s I zmieniły moje pętle do:

var ids= $(this).text().split(','); 
var length = ids.length; 
for (var i=0; i<length;i++) 
{ 
    selectors.push('.container ul.class li[data-id="'+ids[i]+'"]'); 
} 

Ten wydał duża poprawa, ale jest tam jeszcze mogę zrobić?

Answer 1

Jak o:

var ids = "21,5,6,7,10".split(","); 

// selector produced: [data-id='21'],[data-id='5'],[data-id='6'],[data-id='7'],[data-id='10'] 
$("[data-id='" + ids.join("'],[data-id='") + "']").addClass("active"); 

http://jsfiddle.net/3MNDy/

Answer 2

var ids = $(this).text().split(','); 

$.each(ids, function(k, v){ 
    $('.container ul.class li[data-id="' + v + '"]').addClass('active'); 
}); 

Answer 3

Można użyć filter metody:

$('.container ul.class li').filter(function() { 
    return ids.indexOf($(this).data('id')) > -1; 
}).addClass('active'); 

Answer 4

Należy bardziej wydajnych, aby zaznaczyć wszystkie elementy z atrybutem data-id raz, a następnie filtrować tę listę na podstawie wartości atrybutu:

var $matches = $('.container ul.class li[data-id]').filter(function() { 
    return $.inArray(this.getAttribute("data-id"), ids); 
}); 

$matches.addClass('active'); // or whatever else you want to do 

Answer 5

myślę, że to będzie bardziej zoptymalizowany podejście:

var ids = $(this).text().split(','); //e.g. text = 1,13,27 
var lis = $('.container ul.class li'); 
lis.filter(function() { 
    return $.inArray($(this).data('id'), ids); 
}).addClass('active');