jQuery数据属性条件选择器

debugcn 发表于 Dev

玛南

我怎样才能得到所有属性的数据值“值”的DOM，然后是100，然后是500

<div id="bg1" data-50="background-position:0px 0px;" data-end="background-position:-500px -10000px;"></div>
<div id="bg2" data-200="background-position:0px 0px;" data-end="background-position:-500px -8000px;"></div>
<div id="bg3" data-300="background-position:0px 0px;" data-end="background-position:-500px -6000px;"></div>    
<div id="bg4" data-600="background-position:0px 0px;" data-end="background-position:-500px -10000px;"></div>
<div id="bg5" data-150="background-position:0px 0px;" data-end="background-position:-500px -8000px;"></div>
<div id="bg6" data-800="background-position:0px 0px;" data-end="background-position:-500px -6000px;"></div>

不明确的

您正在滥用data-*属性。所有属性选择器均按其属性值（而不是其属性名）过滤元素。此处没有预定义的选择器。您可以遍历attributes并以困难的方式进行操作：

$('div').filter(function() {
    var a = this.attributes, l = a.length, n;
    for (var i = 0; i < l; i++) {
       if ( a[i].name.match(/^data-[0-9]+$/) ) {
           n = + a[i].name.replace('data-', '');
           return n > 100 && n < 500;
       }
    }
    return false;    
});

http://jsfiddle.net/jonpom9m/

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。