點擊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