Trouver si l'élément contient x, mais pas y (jQuery)

Question

<div> 
    <p><a href="#">link</a> some text</p> 
    <p><a href="#">link</a></p> 
    <p><a href="#">link</a> some text</p> 
    <p><a href="#">link</a></p> 
</div> 

Je veux trouver (et addClass à) les <p> balises qui ne contiennent pas de texte, directement à l'intérieur lui-même ou ses enfants.

Answer 1

Cela fonctionne bien, je ne dois vider le texte de l'un de vos paragraphes à tester:

var $eles = $('p').filter(function() { 
    return $(this).text().length == 0; 
}); 
$eles.addClass("foo"); 

Answer 2

Je suppose que vous avez une erreur dans la description du problème, comme la balise contient toujours du texte dans l'exemple.

Pour autant que je sais qu'il n'y a pas de sélecteur standard permettant de vérifier s'il y a un contenu direct, mais vous pouvez essayer ceci:

$('p').each(function(){ 
var p = $(this).clone(); 
p.children().remove(); 
if(p.text().length){ 
    $(this).addClass('gotcha'); 
    } 
}); 

devrait fonctionner si vous souhaitez vérifier que l'intérieur de paragraphe.