javascript - 如何使用 jQuery 或 Javascript 获取类名

Question

我想创建一个 Javascript 函数，它读取所选元素的类并添加类 active。如何获取我的函数所在的 HTML 元素的类？

我尝试使用 document.getElementsByClassName(class) 创建一个 Javascript 函数，但这不起作用。

function menuicon(){
  var className = $('div').attr('class');
  className.$(className).addClass("active");
}

<section class="menubar">
  <div class="menuicon" onclick="classAdd()">
    <span></span>
    <span></span>
    <span></span>
  </div>
</section>

<section class="home">
  <button class="hbutton" onclick="classAdd()"></button>
</section>

我希望 Javascript 函数读出该函数所在的 HTML 元素的类。

Answer 1

您需要将元素传递给函数:

onclick="classAdd(this)"

然后在函数中，只需使用.addClass即可，不需要使用className。

function classAdd(element) {
    $(element).addClass("active");
}