是否有一种简单而直接的方法来根据元素的data属性选择元素?例如,选择具有命名的数据属性的所有锚customerID,其具有的价值22。
data
customerID
22
我有点不愿意使用rel或其他属性来存储此类信息,但是我发现根据存储在其中的数据来选择元素要困难得多。
rel
$(‘*[data-customerID=”22”]’);
您应该可以省略*,但是如果我没有记错的话,这取决于您使用的是哪个jQuery版本,这可能会导致错误的结果。
*
请注意,为了与SelectorsAPI(document.querySelector{,all})兼容,在这种情况下,可能不会省略属性值(22)周围的引号。
document.querySelector{,all}
另外,如果您在jQuery脚本中大量使用数据属性,则可能需要考虑使用HTML5自定义数据属性插件。这使您可以通过使用编写更多可读性强的代码.dataAttr('foo'),并在缩小后产生较小的文件大小(与使用相比.attr('data-foo'))。
.dataAttr('foo')
.attr('data-foo')