前提
リスト(親要素)の子要素の数を数えて、それに応じてクラスを付与したいです。
作ってみたのですが、リストは1つじゃなく複数あるので
そのページの合計子要素になってうまく動きません。
リストごとに分割して子要素の数を数えるにはどうしたらいいでしょうか。
リストに別々のクラスをつけることはできないです。
ご教授いただけますと幸いです。
該当のソースコード
html
1<ul class="BoxList"> 2 <li class="LIst"><span><img src=""></span></li> 3 <li class="LIst"><span><img src=""></span></li> 4 <li class="LIst"><span><img src=""></span></li> 5 <li class="LIst"><span><img src=""></span></li> 6</ul> 7 8<ul class="BoxList"> 9 <li class="LIst"><span><img src=""></span></li> 10 <li class="LIst"><span><img src=""></span></li> 11 <li class="LIst"><span><img src=""></span></li> 12 <li class="LIst"><span><img src=""></span></li> 13 <li class="LIst"><span><img src=""></span></li> 14</ul>
jQuery
1<script> 2$(function() { 3 var size = $(".LIst").length; 4 console.log(size); //結果が9になる 4と5になりたい 5 6 7 if(size === 4) { 8 $("..LIst").addClass("row_4"); 9 } 10 if(size === 5) { 11 $("..LIst").addClass("row_5"); 12 } 13}); 14</script>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/11/29 05:49
2022/11/29 06:32
2022/11/29 08:48