初心者です.すみませんが、セレクタの書き方教えてください.
<article id="manual-index" class="terms">
<div class="manual-content-wrapper">
<ul class="colwrap manual-index-layout-terms-nav flex-left">
<li class="manual-button-design-01 active" data-target="terms_304D">か</li>
<li class="manual-button-design-01" data-target="terms_3081">ま</li>
<li class="manual-button-design-01" data-target="terms_308F">わ</li>
<li class="manual-button-design-01" data-target="terms_0023004E0055004D0045005200490043">英</li>
</ul>
というHTMLで、
- @id="manual-index"の子孫
- @classが"manual-button-design-01"と"active"の両方を持つ
要素を選択するセレクタってどう書けば良いのでしょうか?
$("#manual-index .manual-button-design-01.active")
で良いのかな?と思ったんですが、@classにactive
が存在しない場合、つまり初期状態でもデバッガで追うと
let active_tab = $("#manual-index .manual-button-design-01.active");
console.dir(active_tab);
let init = (active_tab[0])?false:true;
で要素が選択されてしまうつまりinit
がfalseになるようです.
間違っている点ありましたらご指摘ください.
以上 よろしくお願いいたします.