如何通过它的定制得到jQuery对象属性

Question

HTML代码段：

<ul id="nav_des"> 
    <li class="cur">test1<a class="shopping2" data-category-id="1">12</a></li> 
    <li>test2<a class="shopping2" data-category-id="2"></a></li> 
    <li >test3<a class="shopping2" data-category-id="3"></a></li> 
    <li style="margin-bottom:25px; background:none"></li> 
</ul> 

我想（）的“文”的“数据化类别ID”为1（即，它是12）。我试图使用这样的属性选择器，但失败了。所以我只是使用“for”循环来获得价值，但我认为这不是一个好方法。如何解决它？感谢

var category_id =1 
$(".shopping2").("data-category-id='"+category_id+"'").show() 

Answer 1

您可以使用attribute-equals-selector通过它们的属性值来获得元素：

$(".shopping2[data-category-id='"+category_id+"']").show(); 

Working Demo

Answer 2

你可以用像那些在方括号属性（在attribute selector）：

$(".shopping2[data-category-id='"+category_id+"']").show(); 

这将选择它的类是“shopping2”，其data-category-id等于category_id变量的元素。

Answer 3

试试这个：你可以使用Attribute Selector来选择具有特定属性值的元素。

var category_id =1 
$(".shopping2[data-category-id='"+category_id+"']").show();