Come ottenere elementi senza figli, ma potrebbe contenere del testo?

Question

il empty selector dice che: corrisponde a tutti gli elementi che non hanno figli (inclusi i nodi di testo).
Trova tutti gli elementi vuoti - non hanno elementi figli o testo.

Quello che voglio è ottenere elementi che non hanno figli ma possono avere testo all'interno., Come?

UPDATE:
Esempio:
voglio selezionare questi elementi, che non ha figli, ma possono avere il testo, con una sintassi simile a questo:

$('div:empty, a:empty, span, p:empty, td:empty, img, input').mousemove(myMouseOverHandler); 

Answer 1

Ottenere qualsiasi elemento che non ha nessun altro elemento:

$('*:not(:has(*))'); 

Answer 2

Se un elemento ha solo testo, children() avrà una lunghezza di 0:

<div id="test1"> 
Hello World 
</div> 

<div id="test2"> 
<b>Hey there</b> 
</div> 

<script> 
alert($("#test1").children().length); // alerts 0 
alert($("#test2").children().length); // alerts 1 (the bold tag) 
</script> 

EDIT: In risposta alla tua modifica, jQuery è abbastanza impressionante per farvi fare filtri personalizzati:

$.expr[':'].emptyOrText = function(e) { 
    return $(e).children().length == 0; 
}; 

Quindi, utilizzando il sopra contro il codice HTML di cui sopra, si potrebbe fare questo:

$('div:emptyOrText'); // will select #test1 

Answer 3

ho fatto un Javas puro funzione di cript per chiunque non voglia utilizzare jQuery.

const getElementsWithNoChildren = (target) => { 
    let candidates; 

    if (target && typeof target.querySelectorAll === 'function') { 
     candidates = target.querySelectorAll('*'); 
    } 
    else if (target && typeof target.length === 'number') { 
     candidates = target; 
    } 
    else { 
     candidates = document.querySelectorAll('*'); 
    } 

    return Array.from(candidates).filter((elem) => { 
     return elem.children.length === 0; 
    }); 
};