jquery中属性选择器选中元素

jQuery 属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

 

<div class="cStyle" id="cStyle" data-type='10'></div>

  $(".cStyle[data-type='10']").text("测试");

当前可以在 data-type中定义变量（变量是从后台拿到），类似以下

<div class="cStyle" id="cStyle" data-type='"+item.TASK_TYPE+"'></div>

假设item.TASK_TYPE 有三种值 ,分别为10,20,30

则可以这样设置内容（例如）

 $(".cStyle[data-type='10']").text("取得的值");