Trouver l'élément où les éléments enfants h2 texte a une valeur spécifique

Je pense que c'est vraiment simple, mais je n'arrive pas à trouver le bon sélecteur de syntaxe. J'ai le html comme ceci:

<div class="parent">
    <h2>Summary</h2>
    <p>... bunch of content ...</p>
</div>
<div class="parent">
    <h2>Statistics</h2>
    <p>... bunch of content ...</p>
</div>
<div class="parent">
    <h2>Outcome</h2>
    <p>... bunch of content ...</p>
</div>

Je veux trouver un div dont l'h2 enfant contient le texte "Statistiques".

J'ai essayé diverses combinaisons de:

$(".parent").find("h2[text='Statistics'").parent()

qui ne fonctionne pas comme les trouver retourne un ensemble vide. Si je fais ceci:

$(".parent").find("h2").text("Statistics").parent()

Je reviens de 3 éléments de ce qui semble être le div contenant des données Statistiques. Je pourrais ajouter (premier), mais il semble sorte de brute. Quelle est la bonne syntaxe pour trouver que sur un point?

.text() est utilisé pour définir le texte, non pas comme un sélecteur ou limiteur comme vous l'avez essayé de l'utiliser.
Ah. Bien qui pourrait expliquer pourquoi ils étaient tous les mêmes 🙂
:}} La bonne réponse ci-dessous à partir de @Joe, ou vous pouvez le vérifier similaire q&a: stackoverflow.com/questions/813477/...

OriginalL'auteur Nicros | 2013-05-09

  1. 21

    Utilisation:

    $(".parent").find("h2:contains('Statistics')").parent();

    Il utilise le :contains() sélecteur.

    Parfait, merci!
    C'est un chemin à parcourir!

    OriginalL'auteur Joe

  2. 1
    $(".parent").find("h2:contains('Statistics')").each(function(){
    var div=$(this).parent();
   //use div as you want
})

    De travail
    http://jsfiddle.net/SayjQ/

    OriginalL'auteur rahul maindargi

  3. 0

    que penser de l'utilisation A

    $(".parent:has(h2:contains('Statistics'))")

    OriginalL'auteur javi