javascript - 一个div中有两个span 点击是让span的class属性问题
阿神
阿神 2017-04-11 13:17:49
0
2
1018

图片描述

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

阿神
阿神

闭关修行中......

reply all(2)
洪涛

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");
        })
    }
});
小葫芦

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都没问题

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!