点击span实现样式变化！求大神帮忙？

1.点击span 使span的class属性发生变化
class="btn btn-large btn-primary"------ btn-primary这是引入样式

2.原代码

<div id="myTab" class="pull-right"> <a href="#listView" data-toggle="tab"> <span class="btn btn-large" ><<爱尬聊_百科大全>i class="icon-list"></i></span></a><a href="#blockView" data-toggle="tab"> <span class="btn btn-large btn-primary"><i class="icon-th-large"> </i></span></a> </div>

3.目前写成这样就是不生效

<jsp:include page="/static/common/cart_js.jsp"/> <script type="text/javascript"> $("span").each(function(i){ if(i==0){ $("#listView span").on("click",function(){$(this).addClass("btn btn-large"); }) }else{ $("#blockView span").on("click",function(){$(this).addClass("btn btn-large btn-primary"); }) } });</script>

4.网页效果图

求大神帮忙

以解决代码如下

$("span").each(function(i){$("#myTab span.btn").click(function(){ $("span").removeClass("btn-primary");$(this).addClass("btn-primary"); })});

---

便宜老鼠药沼 7小时前

用class吧，给a标签加

---

丝0雨 7小时前

$("#listView span") 你确定这种写法能取到元素吗？

---

qkoufu9793 7小时前

css

---

找九尾的鸣人 7小时前

js

---

M72****11 7小时前

$("#listView span")得不到这个元素

---

e21****32 7小时前

demo: https://jsfiddle.net/jasonHsi...備註: 我用jquery2.2.4

---