私は、次のナビゲーションメニューがあります。ループなしで特定のセレクタで兄弟配列のすべての子を選択するにはどうすればよいですか?
<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
は.dropdown-toggle
ボタンがあります。ボタンをクリックすると、別のものがトグルされているときにそれらのトグルを解除できるように、その$(this).parent().siblings('.parent').child('.dropdown-toggle.active')
をチェックしたいと思います。私はchild()
セレクタがないことを知っていて、$.each
またはループなしでsiblings([selector])
の要素をチェックすることはできませんが、方法があるかどうか疑問に思っていましたか?私はifステートメントでそれを使用したいので、処理が短く重くないようにする必要があります。
:ちょうど$(this).parent().siblings('.parent').children('.active')
を使用して終了しました。思考siblings()
は配列になり、私はそれを反復処理しなければならないでしょう。どうやらそれはオブジェクトなので、オブジェクトのすべての要素に対して単にchildren()
を使用することができます。