小编典典

通过数据属性选择元素

html

是否有一种简单而直接的方法来根据元素的data属性选择元素?例如,选择具有命名的数据属性的所有锚customerID,其具有的价值22

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


阅读 461

收藏
2020-05-10

共1个答案

小编典典

$(‘*[data-customerID=”22”]’);

您应该可以省略*,但是如果我没有记错的话,这取决于您使用的是哪个jQuery版本,这可能会导致错误的结果。

请注意,为了与SelectorsAPI(document.querySelector{,all})兼容,在这种情况下,可能不会省略属性值(22)周围的引号。

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

2020-05-10