使用jQuery按数据属性选择元素

是否有一种简单直接的方法来根据元素的数据属性选择元素?例如,选择数据属性名为customerID且值为22的所有锚点

我有点犹豫是否使用rel或其他属性来存储此类信息,但我发现根据其中存储的数据选择元素要困难得多

$('*[data customerID=“22”]”);

您应该能够省略*,但是如果我没有记错的话,根据您使用的jQuery版本,这可能会给出错误的结果

注意,为了与选择器API(document.querySelector{,all})兼容,在这种情况下,属性值(22)周围的引号不能省略

此外,如果您在jQuery脚本中大量使用数据属性,则可能需要考虑使用HTML5自定义数据属性插件。这允许您通过使用.dataAttr('foo')编写更可读的代码,并在缩小后产生更小的文件大小(与使用.attr('data-foo')相比)

发表评论