一尘不染

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

javascript

我想知道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"
  • 在其他情况下,可以使用其他选择器,例如“包含,小于,大于,等等…”。

阅读 261

收藏
2020-05-01

共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选择器的信息

2020-05-01