根據數據屬性檢索html元素

有沒有基於數據屬性檢索元素的方法？根據數據屬性檢索html元素

我有下面的代碼，並想知道如何才能實現這一目標

<UL> 
    <LI data-relation_id=1/> 
    <LI data-relation_id=1/> 
    <LI data-relation_id=1/> 
    <LI data-relation_id=2/> 
    <LI data-relation_id=2/> 
    <LI data-relation_id=2/> 
    <LI data-relation_id=3/> 
    <LI data-relation_id=3/> 
    <LI data-relation_id=3/> 
</UL>

上的click事件我基本上要找出屬於一個特定的數據關係的所有項目？

function getRelatedObjects(relationId){ 
    //Search all the li's and get the LI 
    //that have the data-relation_id== relationId 

}

這可以使用jQuery來完成嗎？

來源

2011-08-23 Abishek R Srikaanth

data屬性只是一個屬性，所以你可以使用屬性選擇器。

$('li[data-relation_id='+relationId+']')

來源

2011-08-23 05:24:12

您無法通過相關數據特別是搜索，但如果數據是由屬性設置，那麼你可以使用屬性選擇搜索：

function getRelatedObjects(relationId){ 
    return $('li[data-relation_id="'+relationId+'"]'); 
}

JSFiddle

來源

2011-08-23 05:26:59 Paulpro

根據數據屬性檢索html元素

回答

相關問題