#独家
JS点击li标签之后在该li标签上添加一个class

2021-03-22 0 6,678

点击当前li元素后是用removeClass()删除所有兄弟元素(使用siblings()获取)的class样式,然后使用addClass()为当前li添加class

 

HTML结构:设计三个li元素

<ul id="test">
    <li>Glen</li>
    <li>Tane</li>
    <li>John</li>
</ul>

 

css样式:设计一个类selected,表示选中后的效果

<style>
.selected{font-weight:bold; background: #ff99cc; color:#fff;}
</style>

 

jquery代码

<script type="text/javascript">
$(function(){
    $("#test li").click(function() {
        $(this).siblings('li').removeClass('selected');  // 删除其他兄弟元素的样式
        $(this).addClass('selected');                   // 添加当前元素的样式
    });
}); 
</script>

 

收藏 (0) 打赏

您的支持是我们前进最大的动力!

打开微信扫一扫,即可进行扫码打赏哦
点赞 (0)

一家有态度的精品资源分享平台

JS点击li标签之后在该li标签上添加一个class
抱歉

这已经是第一篇了

常见问题

你们的模板能保证和效果图一样吗?

  • 模板团承诺演示效果图均和网站一模一样,如有不同,全额退款,并且我们的模板和数据都没有留后门,请放心使用。

购买过的模板,想退换,可以吗?

  • 因为模板具有可复制性和可传播性,模板一旦发货,非质量问题,不支持退换;所以务必请您一定看清楚后再购买。

相关文章

评论
暂无评论
  • 0 +

    访问总数

  • 0 +

    会员总数

  • 0 +

    资源总数

  • 0 +

    今日发布

  • 0 +

    本周发布

  • 0 +

    运行天数

开通会员,尊享海量资源下载特权