使用jQuery在dom中单击元素

Question

我有一个菜单，我希望在页面加载时自动单击具有活动类，父元素的同级元素的元素。

这是我的HTML：

<li class="level1">
  <span class="level1 drop-down clicked"><a href="#" class="level1">Oranges</a></span>
  <ul class="level2" style="display: block;">
    <li class="level2"><a href="#" class="level1">Peel</a></li>
    <li class="level2"><a href="#" class="level1">Pips</a></li>
    <li class="level2 active"><a href="#" class="level1">Pegs</a></li>
  </ul>
</li>

我试过了

jQuery('li.level2.active').parent('li.level1').children('span.level1.drop-down').click();

但它不起作用。 我不确定我是否正确使用了父级和子级方法。

虽然， jQuery("span.drop-down.level1").click(); 确实可以，但是它选择了我要避免的所有具有该类的元素。

Answer 1

尝试这个：

jQuery('li.active').closest('li.level1').find('span.level1.drop-down').trigger('click');

Answer 2

由于li.level1有两个步骤，因此需要.parents()来选择多个级别，而不是.parent()才是一个级别。

jQuery('li.level2.active').parents('li.level1').children('span.level1.drop-down').click();
                                ^^^^