首页 > Web开发 > 详细

jquery 获取<ul> 点击的是那个<li>

时间:2016-03-27 13:49:17      阅读:171      评论:0      收藏:0      [点我收藏+]

jquery 获取<ul> 点击的是那个<li>

<ul class="anserdh" id="topmenu">

      <li class="qhbg"><a href="" >积分榜</a></li>
      <li><a href="">回答榜 </a></li>
      <li><a href="" >提问榜</a></li>
      <li><a href="" >满意榜</a></li>
</ul>

点击那个就把在那个<li>的追加class="qhbg"样式

比如:点击了回答榜 变成

 <ul class="anserdh" id="topmenu">
      <li ><a href="" >积分榜</a></li>
      <li class="qhbg"><a href="">回答榜 </a></li>
      <li><a href="" >提问榜</a></li>
      <li><a href="" >满意榜</a></li>
</ul>

$(function(){

$(‘.anserdh li a‘).click(function(){
        $(‘.anserdh li‘).removeClass(‘qhbg‘);
        $(this).parent().addClass(‘qhbg‘);

   })

})

jquery 获取<ul> 点击的是那个<li>

原文:http://www.cnblogs.com/zhnagweitong/p/5325356.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!