Comment puis-je utiliser JQuery pour obtenir tous les nœuds avec un attribut égal à une valeur?

Question

Je récupère du XML à partir d'un appel AJAX (pas de surprise) et je veux faire quelque chose mais seulement sur certains nœuds et quelque chose d'autre sur le reste. Par exemple

<xml> 
    <node name="x"> 
    </node> 
    <node name="x"> 
    </node> 
    <node name="y"> 
    </node> 
    <node name="z"> 
    </node> 
</xml> 

Je souhaite que tous les noeuds avec le nom x soient placés dans une table et que tous les autres se déplacent vers une autre table.

Answer 1

utiliser un filtre d'attribut, en particulier le attributeEquals filter:

$("node[name='x']"); 

Pour sélectionner tous les autres noeuds, utilisez le attributeNotEquals filter:

$("node[name!='x']"); 

Vous pouvez ensuite appliquer jQuery manipulations pour déplacer ces noeuds ailleurs.

Notez que les sélecteurs de type XPath sont obsolètes dans la version 1.2 et ont été complètement supprimés dans jQuery 1.3.

Si vous pouvez influencer ce que le serveur envoie, vous voudrez peut-être passer à l'utilisation de JSON à la place, vous pouvez trouver plus facile à analyser.

Answer 2

Vous pouvez utiliser XPath dans jQuery pour sélectionner les nœuds:

$ ("// nœud [@ name = 'x']")

http://docs.jquery.com/DOM/Traversing/Selectors

Answer 3

jQuery accepte Expressions xpath aussi.

$('node[name="x"]')

sélectionne tous les noeuds nommés « noeud » avec un attribut de « nom » qui a la valeur « x »

Answer 4

success: function(xml) { 
    $(xml.find('node').each(function(){ 
    if($(this).attr('name')=='x') { 
     //go to one table 
    } else { 
     //go to another table 
    } 

    } 
}