javascript - jquery写的背景色怎么切换？

问题描述

问 题

这个问题是，点击『现金支付』按钮，没办法让现金支付的背景色变成橙色的，或者没办法切换背景色。请求帮忙解决

    //支付选择方式
    $(".pay-tabs li").click(function(){
        $(this).addClass(function () {
            //点击按钮则添加"sel"
            $(this).addClass('sel');
            //点击之后，现金支付的框背景色变成橙色
            $("div[data-bg1]").css("background","#ff7e00");
            //点击之后，兑换云券的框背景色变成灰色
            $("div[data-bg2]").css("background","#9E9E9E");
        }).siblings('li').removeClass(function () {
            //点击下一个按钮则删除之前"sel"
            $(this).removeClass('sel');
            点击下一个按钮，现金支付的框背景色变成灰色
            $("div[data-bg1]").css("background","#9E9E9E");
            点击下一个按钮，兑换云券的框背景色变成蓝色
            $("div[data-bg2]").css("background","#1863af");
        });
    })

解决方案

写了个demo,你可以参考一下：

https://jsfiddle.net/px7hbj8L/

这篇关于javascript - jquery写的背景色怎么切换？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！