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

标签 javascript jquery html jquery-selectors

扩展 jQuery 属性选择器使其支持小于和大于的正确方法是什么?

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

无论哪种方式。我希望实现的是能够选择包含 X 和 Y 之间的 SequenceNumber 的多个元素。

基本上是这样的

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

显然我可以这样做

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

但是我想知道有没有黄油的方法呢?

最佳答案

使用 .filter()

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

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

关于javascript - 在 jQuery 中使用小于和大于扩展属性选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7657193/

相关文章:

javascript - 如何在 multer 中上传带有可选数据的图像?

javascript - jquery $.ajax() 及其成功回调 - 它返回到哪里?

javascript - 等待 .load() 完成

jquery - 从表单输入字段中删除 "$"

javascript - jquery remove 函数是否也删除了 knockout 绑定(bind)?

javascript - 使用 Html、Css 和 Jade 创建图像幻灯片

javascript - Angular :输入时模糊输入

javascript - 在选择列表发生变化时加载图像

javascript - 容器外的滑动导航按钮

html - 我如何在 css3 中放置元素?