如何在jquery中添加基于哪个css类名的类

我有两个按钮，文本是day and night，现在我想在单击哪个按钮的基础上应用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>

$（函数（）{
$（“按钮”）。单击（函数（）{
var buttonName=$（this）.text（）.toLocaleLowerCase；
控制台日志（按钮名称）；
$（'div'）.attr（'button'，buttonName+'.Class'）；
});
});        

请帮助我运行此代码
这条线路有问题 $（'div'）.attr（'button'，buttonName+'.Class'）； 其中，当单击触发事件时，代码将决定需要在按钮上加载哪个cssClass。

使用

$(this).addClass('classname');

---

“this”是指触发点击的确切元素。

我想这就是您想要的

选中“将类添加到所选按钮的div”

HTML

---

为按钮提供ID，并在该按钮上单击功能

JSBIN链接

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>

$（函数（）{
$（'#btnDay'）。单击（函数（）{
$（'body'）.removeClass（“夜间”）；
$（'body'）.addClass（“日”）；
});
$（'#btnlight'）。单击（函数（）{
$（'body'）.removeClass（“日”）；
$（'body'）.addClass（“夜间”）；
});
});   

$（'div'）.attr（'button'…

？真的吗？？？

button

不是

div

的属性。它是一个子元素/子元素。$（this）.addClass（buttonName）；您不必-1他。。

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

<script>

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

        });

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