时间戳

首页 > 解决方案 > 将类添加到 div 时如何触发

javascript - 将类添加到 div 时如何触发

问题描述

我有 div 并在单击按钮时将新类添加到此 div 中。我想在将该类添加到此 div 后触发另一个函数。我怎样才能做到这一点。

单击事件后，我已将新类添加到 div 中。但是，如果这个添加的类只存在，我怎样才能触发另一个函数。

<div id="container">
    <button onclick="clickMe(this)">Click</button>
</div>

function clickMe(event) {
    $(event).parent.addClass('check');
}

标签： javascriptjquery

解决方案

您可以使用.hasClass()来检查元素中类的存在。

请注意： parent是 jQuery 中的方法，您必须()在方法名称后指定才能访问成员/属性。

我还要求您在将元素本身而不是事件传递给函数时命名参数时要小心，这可能会导致混淆。

function clickMe(el) {
  $(el).parent().addClass('check');
  if($(el).parent().hasClass('check'))
    anotherFunc();
}
function anotherFunc(){
  console.log('anotherFunc called');
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="container">
    <button onclick="clickMe(this)">Click</button>
</div>

推荐阅读