使用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();
                                ^^^^