javascript - 一个div中有两个span 点击是让span的class属性问题

PHP中文网2017-04-11 13:19:49

HTML

<p id="p">
    <span style="background-color: red;">第一个span标签</span>
    <span style="background-color: yellowgreen;">第二个span标签</span>
</p>

JS

$("#p span").each(function(i){
    if(i==0){
        $("p span").on("click",function(){
               $(this).addClass("btn btn-large btn-primary");
           })
    }else{
        $("p span").on("click",function(){
            $(this).addClass("btn btn-large");
        })
    }
});

高洛峰2017-04-11 13:19:49

HTML

<p>
    <span class="btn btn-large"></span>
    <span class="btn btn-large"></span>
</p>

JS

$(function() {
    $("span").on("click", function() {
        $(this).addClass("btn-primary").siblings().removeClass("btn-primary");
    });
});

来N个span都没问题