使用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和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码