Javascript 如何在没有循环的情况下使用特定选择器选择同级数组的每个子级?
我有以下导航菜单:Javascript 如何在没有循环的情况下使用特定选择器选择同级数组的每个子级?,javascript,jquery,Javascript,Jquery,我有以下导航菜单: <nav id="nav-primary" class="text-center"> <button id="menu-main-toggle" class="dropdown-toggle script-dependant active">Menu</button> <ul id="menu-main" class="nav toggleable hide"> <li class="men
<nav id="nav-primary" class="text-center">
<button id="menu-main-toggle" class="dropdown-toggle script-dependant active">Menu</button>
<ul id="menu-main" class="nav toggleable hide">
<li class="menu-item odd first"><a class="menu-link" href="//localhost:3000/index.php/about/">About</a>
</li>
<li class="menu-item even"><a class="menu-link" href="/index.php/category/bahrain/">Bahrain</a>
</li>
<li class="menu-item odd parent"><a class="menu-link" href="/index.php/category/information-technology/">Information Technology</a>
<button class="dropdown-toggle script-dependant">+</button>
<ul class="toggleable hide">
<li class="menu-item odd first parent"><a class="menu-link" href="/index.php/category/information-technology/web-development/">Web Development</a>
<button class="dropdown-toggle script-dependant">+</button>
<ul class="toggleable hide">
<li class="menu-item odd first"><a class="menu-link" href="/index.php/category/information-technology/web-development/html/">HTML</a>
</li>
<li class="menu-item even"><a class="menu-link" href="/index.php/category/information-technology/web-development/css/">CSS</a>
</li>
<li class="menu-item odd last"><a class="menu-link" href="/index.php/category/information-technology/web-development/javascript/">Javascript</a>
</li>
</ul>
</li>
<li class="menu-item even last"><a class="menu-link" href="/index.php/category/information-technology/unix/">Unix</a>
</li>
</ul>
</li>
<li class="menu-item even parent"><a class="menu-link" href="http://lipsum.com">Lorem</a>
<button class="dropdown-toggle script-dependant">+</button>
<ul class="toggleable hide">
<li class="menu-item odd first parent"><a class="menu-link" href="http://lipsum.com">Ipsum</a>
<button class="dropdown-toggle script-dependant">+</button>
<ul class="toggleable hide">
<li class="menu-item odd first last"><a class="menu-link" href="http://lipsum.com">Dolor</a>
</li>
</ul>
</li>
<li class="menu-item even last"><a class="menu-link" href="http://lipsum.com">Situs</a>
</li>
</ul>
</li>
<li class="menu-item odd"><a class="menu-link" href="/index.php/category/snippets/">Snippets</a>
</li>
<li class="menu-item even last"><a class="menu-link" href="//localhost:3000/index.php/contact/">Contact</a>
</li>
</ul>
</nav>
菜单
每个li.parent
都有一个下拉切换按钮。单击按钮时,我想检查它的$(this).parent().sides('.parent').child('.dropdownttoggle.active')
,以便在切换另一个按钮时可以取消对它们的切换。我知道没有child()
选择器,没有$我无法检查同级([selector])
的元素。每个或循环,但我想知道是否有办法?我想在if语句中使用它,所以我需要它简短,不需要太多的处理
编辑:刚结束时使用了$(this).parent().sides('.parent').children('.active')
。我想兄弟姐妹()
将是一个数组,我必须遍历它。显然,它是一个对象,我可以简单地在对象中的每个元素上使用children()
。使用find
$(this).parent().siblings('.parent').find('.dropdown-toggle.active')