Cómo obtener elementos que no tienen hijos, pero pueden tener texto?

Question

empty selector dice que: Coincide con todos los elementos que no tienen hijos (incluidos los nodos de texto).
Encuentra todos los elementos que están vacíos, no tienen elementos secundarios o texto.

Lo que quiero es obtener elementos que no tengan hijos pero que puedan tener texto adentro. ¿Cómo?

ACTUALIZACIÓN:
Ejemplo:
quiero seleccionar estos elementos que no tiene hijos, pero pueden tener texto, con una sintaxis como esta:

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

Answer 1

Obtener cualquier elemento que no tiene ningún otro elemento:

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

Answer 2

Si un elemento tiene solamente texto, children() tendrá una longitud de 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> 

EDITAR: En respuesta a su edición, jQuery es lo suficientemente impresionante para dejar que hagas filtros personalizados:

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

Por lo tanto, utilizando el anterior contra el código HTML anterior, se puede hacer esto:

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

Answer 3

me hizo una JAVAS puros función de cript para cualquier persona que no quiera usar 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; 
    }); 
};