JQuery：添加类到元素，如果它有文本

Question

我有一系列链接在UL。有些人的文字和一些不这样做，例如：

<ul> 
<li><a href="google.com">Google</a></li> 
<li><a href="yahoo.com">Yahoo</a></li> 
<li><a href="bing.com">Bing</a></li> 
<li><a href="#"></a></li> 
<li><a href="#"></a></li> 
<li><a href="#"></a></li> 
</ul> 

我想使用jQuery一类只适用于在他们的文字的一个标签。

到目前为止，我有这样的：

var buttontext = $('ul a').text(); 

if (buttontext.length > 0){ 
$('ul a').addClass('buttoneffect'); 
} 

但类仍然是影响所有一个标签。我只是想知道是否有人能够在这里指出我正确的方向？

感谢

Answer 1

$("ul a").each(function (i, e) { 
    var $e = $(e); 
    if ($e.text().length > 0) { 
     $e.addClass("buttoneffect"); 
    } 
}); 

Answer 2

这似乎最简单的，当我写它：

$('a').filter(
    function(){ 
     var child = this.firstChild; 
     if (child){ 
      return child.nodeType == 3 && child.nodeValue.length; 
     } 
    }).addClass('buttoneffect');​​ 

JS Fiddle demo。

还是在普通的JavaScript：

var aElems = document.getElementsByTagName('a'); 

for (var i=0,len=aElems.length; i<len; i++){ 
    var child = aElems[i].firstChild; 
    if (child && child.nodeType == 3 && child.nodeValue.length >= 1) { 
     aElems[i].className += ' buttoneffect'; 
    } 
}​ 

JS Fiddle demo。

Answer 3

试试这个

$('ul a').each(function() 
       {           
        if($(this).text()!='')  
        { 
        $(this).addClass('buttoneffect'); 
        } 
       }); 

检查http://jsfiddle.net/uawBL/11/