讓<span><a href="#"></a></span>這個結構中有文字的顯示一種顏色,沒有文字的顯示另一種顏色...<style type="text/css">*{ margin:0; padding:0; font-size:12px;}body{ background:#EEE;} a{ color:#666;} li{ list-style:none;} ul{ width:500px; height:230px; background:#fff; margin:50px auto;} ul li{ width:500px; height:auto; overflow:hidden; margin-bottom:5px;} ul li span{ display:block; float:left; width:100px; height:20px;} </style> <ul> <li><span><a href="#">【專題】</a></span><a href="#">2005年超女王貝因整形意外身亡</a></li> <li><span><a href="#"></a></span><a href="#">2005年超女王貝因整形意外身亡</a></li> </ul> 讓<span><a href="#"></a></span>這個結構中有文字的顯示一種顏色,沒有文字的顯示另一種顏色的JQ代碼如下: <script type="text/javascript"> $(function(){ $("ul li span").each(function(){ if($(this).find("a:eq(0)").text()==""){ $(this).css("background","blue"); }else{ $(this).css("background","red"); } }); }); </script>