Recupera il testo dal tag elenco ma non calcola il tag secondario

Question

Sto cercando di recuperare il calcolo del testo entro <li> ma non ho bisogno del tag figlio <p> da considerare in questo calcolo. Quindi, quando aggiungo quanto segue, naturalmente calcolerà tutto il testo entro <li>.

$('ul li').text().length; 

Da HTML:

<ul> 
    <li>Count me<p>Don't count me please.</p></li> 
</ul> 

Quali sono i possibili modi per raggiungere questo modo che il testo tag di livello inferiore non viene calcolato?

Answer 1

È possibile clonare l'elemento, togliere i figli e poi estrarre il testo:

var li = $('ul li').clone(); 
li.children().remove(); 
console.log(li.text().length); 

Ciò funzionerà indipendentemente dal numero o il tipo di elementi figlio.

Answer 2

Basta sottrarlo?

var x = $('ul li').text().length; 
var y = $('ul li p').text().length; 
console.log(x); 
console.log(y); 
console.log(x-y); 

Answer 3

Il metodo usuale di recuperare il testo tramite selettore risulterà difficile perché il metodo text() è avido e otterrà tutto il testo disponibile, anche se si escludono i bambini tramite il selettore.

Se tutto ciò che serve è quello di recuperare il testo che è direttamente all'interno del li solo è possibile ottenere i valori textNode da contents():

var textNodes = $('ul li').contents().filter(function() { 
    return this.nodeType == 3; 
}).get(); 
console.log(textNodes[0]); // = "Count me" 

Example fiddle

Answer 4

var len1 = $('ul li').text().length; 
var len2 = $('ul li p').text().length; 
console.log(len1+'=='+len2); 

var liLength = parseInt(len1)-parseInt(len2); 

console.log(liLength); 

JSFIDDLE

Answer 5

possibile duplicato di: jquery - get text for element without children text

$('ul li').clone().children().remove().end().text(); 

Ecco un jsfiddle aggiornamento: http://jsfiddle.net/zmy4mxc2/