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/