點擊元素與jQuery的012om

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

因爲li.level1是兩步向上，您需要.parents()，它選擇多個級別，而不是.parent()，這是唯一的一個。

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

Answer 2

試試這個：

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