点击元素与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');