根据数据属性检索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元素

回答

相关问题