jquery - 如何根据jquery中出现的css类名添加类

Question

我有两个按钮，上面写着白天和晚上的文字，现在我想根据单击哪个按钮应用 css 类 onclick

这是我的html

<div class="container">
    <button class="btn btn-primary">day</button>
    <button class="btn btn-primary">night</button>
</div>

这是我的jquery

<script>  

    $(function () {
        $('button').click(function () {
            var buttonName = $(this).text().toLocaleLowerCase;
            console.log(buttonName);
            $('div').attr('button', buttonName + '.Class');
        });
    });        
</script>

请帮我运行这段代码
我对这条线有问题 $('div').attr('button', buttonName + '.Class'); 当点击事件被触发时，代码将决定哪个 cssClass 需要加载到按钮上。

Answer 1

为按钮提供 ID，然后在按钮上提供点击功能

JSBIN链接 http://jsbin.com/femabeqedo/1/edit

HTML

<div class="container">
    <button id="btnDay" class="btn btn-primary">day</button>
    <button id="btnNight" class="btn btn-primary">night</button>
</div>

Java 脚本

<script>

    $(function () {
        $('#btnDay').click(function () {
            $('body').removeClass("night");
            $('body').addClass("day");

        });

      $('#btnNight').click(function () {
            $('body').removeClass("day");
            $('body').addClass("night");
        });
    });   
  </script>