jQuery select basé sur le texte

Question

Je dois sélectionner un élément en fonction de son texte dans jQuery.

Par exemple:

<span>this text</span> 

Je sais que je peux utiliser .contains() pour sélectionner en fonction du texte, mais ce n'est pas exclusif.

Je ne veux pas choisir:

<span>this text and that text</span> 

Je veux sélectionner l'élément si c'est le seul texte de l'élément.

En plus d'utiliser regex, comment faire avec les sélecteurs jQuery?

Merci.

Answer 1

Vous avez un peu de poids avec le sélecteur: contains, mais cela ne va pas si loin. Vous aurez besoin de couper plus bas l'ensemble des éléments en fonction des correspondances de texte précis, comme dans:

$("span:contains(this text)") 
.filter 
(
    function() 
    { 
    return $(this).text() === "this text"; 
    } 
) 

Cela rend la première contient l'utilisation techniquement inutile, mais vous pouvez rencontrer les performances en commençant avec une petite collection de éléments SPAN avant de filtrer jusqu'à l'ensemble exact vous êtes intéressé par

EDIT. A pris la suggestion de Ken Browning utiliser la fonction text() au lieu de innerHTML pour la comparaison de chaîne dans la fonction filter. L'idée étant que innerHTML capturera le texte qui ne nous intéresse pas particulièrement (y compris le balisage).