jquery - encuentra el elemento que solo tiene texto y ninguna otra etiqueta html

Question

Necesito comprobar con jquery que un elemento de anclaje solo tiene texto y ninguna otra etiqueta (img, b) o cualquier otra cosa.

<a href="">TV</a> 

se debe encontrar, pero:

<a href=""><img /></a> 

o:

<a href=""><span>TV</span></a> 

o cualquier otra etiqueta HTML, no debe ser encontrado.

¿Cómo hago esto?

Gracias de antemano.

Answer 1

Podemos utilizar la función filter() para eliminar elementos que tienen hijos (verificados mediante el método children()).

var emptyAs = $('a').filter(function() { 
    return $(this).children().length == 0; 
}); 

También es posible usar el :not() selector combinado con el :has() selector;

var moreEmptyAs = $('a:not(:has(*))'); 

Puede ver ambos trabajando en el siguiente JSFiddle; http://jsfiddle.net/JD67U/

Answer 2

Puede probar .text() esto escapa solo el texto y elimina todos los códigos HTML.

var pureText=$('a').text();