javascript - js 怎么动态添加li的背景颜色，其余同级li的同一个class删除

Question

{代码...} 我想点击的时候将this改颜色，但是其他同级li取消已有的背景颜色。并且当点击其他同级元素时，同级元素获得背景颜色，this的背景颜色取消。

ringa_lee · Answer

根据你的代码反应的思路，你只是想操作span元素，并没有操作li的意图，所以代码这样实现

$('.list-nav').first().addClass("spanList");
$('.list-nav').on('click',function(){
    $(this).css("background","#6090b6");
    $(this).addClass("spanList");
    
    /** 以下这段实现你说的功能 **/
    var $otherSpans = $(this).closest('li').siblings().find('span.list-nav');
    $otherSpans.css("background", "");
    $otherSpans.removeClass("spanList");
     /** 以上这段实现你说的功能 **/
    
    var href = $(this).attr("href");
    var pos = $(href).offset().top;
    $("html,body").animate({scrollTop: pos}, 1000);       
    return false;
})

在线 Demo

过去多啦不再A梦 · Answer

…$this.addClass("").closest("li").siblings("li").find("").removeAttr("")