Sélecteur basé sur le texte entre les balises, dans Jquery

Question

Je dois récupérer des données du DOM, mais les conteneurs n'ont pas de class ou id, et parfois ils ne sont pas tous disponibles.

Je pouvais trouver ceci:

<h2>name</h2> 
<p>john</p> 
<h2>address</h2> 
<p>street 1</p> 
<h3>email</h3> 
<p>jong@site.com</p> 

ou ceci:

<h2>name</h2> 
<p>john</p> 
<h3>email</h3> 
<p>jong@site.com</p> 

Comme vous pouvez le voir, pour aller chercher l'e-mail que je ne peux pas sélectionner par class ou id, ni par n (th), car il pourrait être le 2ème ou le 3ème <p>

La seule solution que je vois est d'obtenir le premier <p> juste après <h3>email</h3>, mais je n'ai aucune idée comment filtrer par text() données.

Merci.

Answer 1

Vous pouvez toujours créer votre propre sélecteur correspondant sur le contenu du texte exact.

Celui-ci fait cela, mais supprime tout espace d'abord.

$.extend($.expr[':'], { 
    textIs: function(elem, i, attr) { 
     return ($.trim($.text([elem])) === attr[3]); 
    } 
}); 

Ensuite, vous l'utiliser comme ceci:

Exemple:http://jsfiddle.net/aXvm3/

$('h3:textIs(email)').next() 

Answer 2

var yourP = $('h3:contains("email")').next() 

Answer 3

Utilisez :contains() ... ou une correspondance exacte avec .filter() puis faire .next() pour obtenir le frère <p> qui suit, comme ceci:

$("h3:contains('email')").next().doSomething(); 

Ou avec .filter() une correspondance exacte (où :contains() est une correspondance de sous-chaîne), comme ceci:

$("h3").filter(function() { return $.text([this]) == "email"; }).next() 

You can test both here.

Answer 4

Pour obtenir l'e-mail, par exemple, vous pouvez le faire:

var emailAddress = $('h3:contains(email)').next('p').text();