如何通过jQuery中的点击事件捕获触发的元素？答案

【问题标题】：How to capture triggered element via click event in jQuery?如何通过jQuery中的点击事件捕获触发的元素？
【发布时间】：2018-10-01 13:22:33
【问题描述】：

我正在触发 WordPress 子菜单中的事件。当我单击其中一个子菜单时，它应该会触发另一个子菜单上的单击事件。

这是我当前的代码：

<a href="#">Parent Category</a>

<ul class="sub-menu">
    <li class="menu-item-lidingo">
        <a href="#">Sub Cat 1</a>
    </li>

    <li class="menu-item-nacka">
        <a href="#">Sub Cat 2</a>
    </li>
</ul>

  j('.menu-item-lidingo').click(function(e) {
    console.log(j(this).attr('class'));

    j('.woof_term_224 > label').click(function(e) {
      console.log(j(this).attr('class'));
    });

  });

将触发的元素的 html 代码如下所示：

<ul class="wcarchive-terms-list">
    <li class="wcarchive-term wcarchive-term-parent woof_term_224">
        <label class="wcarchive-term-label open">
            Lidingo
        </label>
    </li>
</ul>

当我从子菜单触发 Click 事件时，我想检查 .wcarchive-term-label 是否有一个名为 open 的类

你知道我如何在代码中实现这一点吗：

  j('.menu-item-lidingo').click(function(e) {
    console.log(j(this).attr('class'));

    j('.woof_term_224 > label').click(function(e) {
      console.log(j(this).attr('class'));
    });

  });

感谢任何帮助。谢谢

【问题讨论】：

标签： javascript php jquery html wordpress

【解决方案1】：

你可以使用.trigger;

j('.woof_term_224 > label').click(function(e) {
      if($(this).hasClass("open")){
        console.log("this has been opened!");
      }
      console.log(j(this).attr('class'));
    });

j('.woof_term_224 > label').trigger("click");

【讨论】：

是的。谢谢你，但你知道我如何检查触发元素是否有一个名为 open 的现有类？
啊，你可以使用.hasClass()

【解决方案2】：

使用实时点击功能可能会更好

j(document).on("click", ".woof_term_224 > label",function(e) {
      if($(this).hasClass("open")){
        console.log("this has been opened!");
      }
      console.log(j(this).attr('class'));
    });

j('.woof_term_224 > label').trigger("click");

这也可以由 JQuery 函数触发。谢谢

【讨论】：