小编典典

使用 HTML5 自定义数据属性的 jQuery 选择器

all

我想知道哪些选择器可用于 HTML5 附带的这些数据属性。

以这段 HTML 为例:

<ul data-group="Companies">
  <li data-company="Microsoft"></li>
  <li data-company="Google"></li>
  <li data-company ="Facebook"></li>
</ul>

是否有选择器可以获得:

  • data-company="Microsoft"以下所有元素"Companies"
  • data-company!="Microsoft"以下所有元素"Companies"
  • 在其他情况下,是否可以使用其他选择器,例如“包含、小于、大于等……”。

阅读 91

收藏
2022-03-03

共1个答案

小编典典

$(“ul[data-group=’Companies’] li[data-company=’Microsoft’]”) //Get all elements with data-company=”Microsoft” below “Companies”

$("ul[data-group='Companies'] li:not([data-company='Microsoft'])") //get all elements with data-company!="Microsoft" below "Companies"

查看jQuery 选择器:contains 是一个选择器

这是有关:contains 选择器的信息

2022-03-03