Estensione selettore di attributi con minore di e maggiore di in jQuery

Question

Quale sarebbe il modo corretto di estendere il selettore di attributi jQuery in modo che supporti Minore di e maggiore di?

Ho alcuni elementi che contengono un attributo personalizzato SequenceNumber che contiene un intero. (Prima che qualcuno parta non posso usare la proprietà data (credo?) Perché questo html è determinato in fase di esecuzione e generato serveride)

In entrambi i casi. Quello che sto cercando di realizzare è la possibilità di selezionare una serie di elementi che contengono un SequenceNumber tra X e Y.

Quindi, in pratica qualcosa di simile

$("#divSequenceGrid ul[SequenceNumber=>'1'][SequenceNumber<='10']").each(func); 

Ovviamente posso farlo andando

$("#divSequenceGrid ul").each(function (index, value) { 
    //Push into an array those that fit my criteria 
}); 

Ma mi chiedo se c'è un modo burro?

Answer 1

Utilizzando .filter()

$("#divSequenceGrid ul").filter(function(){ 
     return $(this).attr("sequenceNumber") >=1 && $(this).attr("sequenceNumber") <=10}).css("color", "red"); 

Ecco una demo: http://jsfiddle.net/jFt9N/3/

Answer 2

È possibile utilizzare jQuery espressioni di selezione come questo

$.extend($.expr[':'], { 
    sMore: function(e, i, m) { return parseInt($(e).attr('SequenceNumber')) >= m[3]; }, 
    sLess: function(e, i, m) { return parseInt($(e).attr('SequenceNumber')) <= m[3]; } 
}); 

$(function() { 
    alert($('div:sMore(2):sLess(4)').length); 
});