親でもある子要素に別のCSSスタイルを追加します
質問
私のリストは次のようになります:
<div="list">
<ul>
<li class="page item">Parent 1
<ul>
<li class="page item">Child of Parent 1 and Parent of Grandchild
<ul>
<li class="page item">Grandchild</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
これは、Wordpressのlist_wp_pagesと、CSSのカワハギのようなドロップダウンCSSコードを使用したものです。順不同リスト自体では何も変更できないため、親でもある子ページ(Child of a Parent 1 ...)のみにCSSスタイルを追加する方法を見つける必要があります。
私は、独自の子ページがある子ページにのみ矢印アイコンを追加しようとしています。私は使用できると考えました:
$("#target").addClass("newclass");
背景画像として矢印アイコンを使用して追加のクラスを追加します。
ありがとう!
解決
$("#target li").each(function() {
if ( $("ul:eq(0)", this).length > 0 ) {
$(this).addClass("class_name");
}
});
#targetの下にあるすべてのリストアイテムをチェックして、少なくとも1つの子順不同リストがあるかどうかを確認し、ある場合は、チェックしたリストアイテムにクラス名を追加します。
所属していません StackOverflow