Seleziona elemento in base al contenuto testo esatto

Question

Ho una lista di div che contengono tutti un tag p classificato come index. Il contenuto testuale di questi tag p è un numero compreso tra 1 e n (anche se probabilmente non più di 30-40). Ho avuto il seguente selettore, che ha lavorato bene in fase di test preliminare:

var ad = $('.existing_ad .index:contains('+index+')').parents('.existing_ad'); 

Dove index è l'indice numerico ho recuperato dal tag p e .existing_ad è la classe del genitore div. Come ho detto, questo ha funzionato bene ... fino a quando sono andato con numeri più alti. Ad esempio, quando l'indice è , seleziona il .existing_ad s dove l'indice ha un presenti, ad es 1, 10-19, 21, 31, ecc.

Come posso ottenere SOLO l'indice n?

Answer 1

ne dite di questo:

$('.existing_ad .index').filter(function() { 
    return $(this).text() == index; 
}).parents('.existing_ad'); 

Answer 2

Se si utilizza un sacco, è possibile creare un'estensione

$.expr[":"].containsExact = function (obj, index, meta, stack) { 
    return (obj.textContent || obj.innerText || $(obj).text() || "") == meta[3]; 
}; 

$('div:containsExact('John') corrisponderà <div>John</div> ma non <div>Johnny</div>

Per la domanda originale , sarebbe

var ad = $(".existing_ad .index:containsExact('"+index+"')").parents('.existing_ad');