中国第一Ajax站长门户:www.okajax.com   虚拟主机 域名注册 云主机

JQuery中判断元素中是否有内容 - okajax.com - Ajax中国

我要投稿 会员登陆 RSS订阅 本站推荐:
您的位置主页 > Ajax技术 > Ajax框架学习 > jquery.js > JQuery中判断元素中是否有内容

JQuery中判断元素中是否有内容

2011-03-22    文章来源:互联网    浏览次数:

网页中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> 

 

文章评论(查看全部)

看不清楚?单击换一张。
loading.. 评论加载中....
关于我们 - 广告服务 - 版权隐私 - 免责声明 - RSS地图 - 网站地图 - 使用帮助 - 返回顶部