JQuery中判斷元素中是否有內容

網頁中html程式碼如下:

1. <style type="text/css"> 
2. *{ margin:0; padding:0; font-size:12px;}  
3. body{ background:#EEE;}  
4. a{ color:#666;}  
5. li{ list-style:none;}  
6. ul{ width:500px; height:230px; background:#fff; margin:50px auto;}  
7. ul li{ width:500px; height:auto; overflow:hidden; margin-bottom:5px;}  
8. ul li span{ display:block; float:left; width:100px; height:20px;}  
9. </style> 
10.  
11. <ul> 
12.        <li><span><a href="#">【專題】</a></span><a href="#">2005年超女王貝因整形意外身亡</a></li> 
13.        <li><span><a href="#"></a></span><a href="#">2005年超女王貝因整形意外身亡</a></li> 
14. </ul> 

讓<span><a href="#"></a></span>這個結構中有文字的顯示一種顏色，沒有文字的顯示另一種顏色的JQ程式碼如下：

1. <script type="text/javascript"> 
2. $(function(){  
3.        $("ul li span").each(function(){  
4.               if($(this).find("a:eq(0)").text()==""){  
5.                      $(this).css("background","blue");  
6.               }else{  
7.                      $(this).css("background","red");  
8.               }                  
9.        });                                 
10. });  
11. </script>