Recherche d'éléments html basés sur des attributs de données

Question

Existe-t-il un moyen de rechercher des éléments en fonction d'attributs de données?

je le code suivant et je voudrais savoir comment cela peut-il être réalisé

<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> 

Sur un événement click je veux essentiellement savoir tous les éléments qui appartiennent à une données relation spécifique?

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

} 

Est-ce que cela peut être fait en utilisant jquery?

Answer 1

L'attribut de données est juste un attribut, vous pouvez donc utiliser le sélecteur d'attribut.

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

Answer 2

Vous ne pouvez pas rechercher des données associées spécifiquement, mais si les données est défini par l'attribut, vous pouvez rechercher à l'aide du sélecteur d'attribut:

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

JSFiddle