在jQuery中使用小于和大于扩展的属性选择器

Question

扩展jQuery属性选择器的正确方法是什么,以便它支持小于和大于？

我有一些元素包含一个自定义属性SequenceNumber持有一个整数.(在任何人开始之前我不能使用数据属性(我认为？)因为这个html是在运行时确定的并且生成了服务器端)

无论哪种方式.我希望实现的是能够选择包含序列号X和Y的序列号的多个元素.

所以基本上是这样的

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

显然,我可以通过去做

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

但我想知道是否有黄油方式？

Answer 1

运用 .filter()

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

这是一个演示:http: //jsfiddle.net/jFt9N/3/