如何通過它的定製得到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();