Javascript 使用jQuery在dom中单击element

Javascript 使用jQuery在dom中单击element,javascript,jquery,html,Javascript,Jquery,Html,我有一个菜单,我希望在页面加载时自动单击一个元素,该元素包含一类活动的父元素的兄弟元素 这是我的HTML: <li class="level1"> <span class="level1 drop-down clicked"><a href="#" class="level1">Oranges</a></span> <ul class="level2" style="display: block;"> <

我有一个菜单,我希望在页面加载时自动单击一个元素,该元素包含一类活动的父元素的兄弟元素

这是我的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')。父('li.level1')。子('span.level1.drop-down')。单击()

    但它不起作用。我不确定是否正确使用了parent&children方法


    尽管如此,
    jQuery(“span.drop-down.level1”)。单击()
    确实有效,但它选择了我希望避免使用的该类的所有元素。

    因为
    li.level1
    是两个步骤,您需要
    .parents()
    ,它选择多个级别,而不是
    .parent()
    ,后者只是一个级别

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

    由于
    li.level1
    向上两步,因此需要选择多个级别的
    .parents()
    ,而不是只选择一个级别的
    .parent()

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

    由于
    li.level1
    向上两步,因此需要选择多个级别的
    .parents()
    ,而不是只选择一个级别的
    .parent()

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

    由于
    li.level1
    向上两步,因此需要选择多个级别的
    .parents()
    ,而不是只选择一个级别的
    .parent()

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

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

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

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

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

    看看你的
    jQuery('li.level2.active')
    应该是level12,或者?看看你的
    jQuery('li.level2.active')
    应该是level12,或者?看看你的
    jQuery('li.level2.active')
    应该是level12,或者?有趣。我一直和你在一起。我以前用过.parent(),但从没听说过.parents()有趣。我一直和你在一起。我以前用过.parent(),但从没听说过.parents()有趣。我一直和你在一起。我以前用过.parent(),但从没听说过.parents()有趣。我一直和你在一起。我以前使用过.parent(),但从未听说过.parents()