子要素全てに特定classが付いている場合非表示にしたい子要素全てに特定classが付いている場合非表示にしたいです。
具体的に構造は以下の通りです。
「hoge2」のリストすべてに「hoge3」というクラスが付いた時だけ「hoge1」を非表示にしたいです。
その場合は以下の状態になります。
lang
1 2<section class="hoge1" style="display:none;"> 3<ul class="hoge2"> 4<li class="hoge3"></li> 5<li class="hoge3"></li> 6<li class="hoge3"></li> 7<li class="hoge3"></li> 8<li class="hoge3"></li> 9・ 10・ 11・ 12・ 13</ul> 14</section>
リストは動的にクラスが切り替わるため「hoge3」がつかない場合もあります。その時は「hoge1」は表示したままです。
その場合は以下の状態になります。
lang
1 2<section class="hoge1" style="display:block;"> 3<ul class="hoge2"> 4<li class="hoge3"></li> 5<li ></li> 6<li></li> 7<li class="hoge4"></li> 8<li class="hoge4"></li> 9・ 10・ 11・ 12・ 13</ul> 14</section>
なお、この「 hoge3」は別の「.nav」「.nav2」という2つのメニューで追加・削除をするため動的に切り替わります。
そのため、ページ読み込み時のみの動作ではなく上記要件を考慮した方法でご指示下さい。
ご教授のほどよろしくお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/10/23 00:36