Question

我正在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'));
    });

  });

感谢您的帮助。谢谢

Answer 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");

Answer 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函数触发。谢谢

如何通过jQuery中的click事件捕获触发的元素？

2 个答案: