一个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&nbsp;id="div"> &nbsp;&nbsp;&nbsp;&nbsp;<span&nbsp;style="background-color:&nbsp;red;">第一个span标签</span> &nbsp;&nbsp;&nbsp;&nbsp;<span&nbsp;style="background-color:&nbsp;yellowgreen;">第二个span标签</span></div>JS$("#div&nbsp;span").each(function(i){&nbsp;&nbsp;&nbsp;&nbsp;if(i==0){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("div&nbsp;span").on("click",function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(this).addClass("btn&nbsp;btn-large&nbsp;btn-primary"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;&nbsp;&nbsp;}else{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("div&nbsp;span").on("click",function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(this).addClass("btn&nbsp;btn-large"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;&nbsp;&nbsp;} });