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

前端之家收集整理的这篇文章主要介绍了使用HTML5的自定义数据属性的jQuery选择器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道什么选择器可用于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”下面的元素“公司”
>所有元素与data-company!=“Microsoft”下面“公司”
>在其他情况下,可以使用其他选择器,如“包含,小于,大于,等…”。

解决方法

$("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 Selectors:contains是一个选择器

这里是:contains selector的信息

猜你在找的HTML5相关文章