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

Question

图片描述一个div中有两个span 点击是让span的class属性变成class=" btn btn-large btn-primary "另一个 span class=" btn btn-large"[1]加粗文字: /img/bVD9xx

Answer 1

HTML

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

---

JS

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