微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用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的信息

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。