コニファ・ロゴ

csstest:jQuery 要素の数をカウントし、その数に応じてif文で分岐、cssを変更、付加

jQueryのfind()で要素の数をカウントします。このサンプルでは、ul要素の子要素(li要素)の数をカウントし、 1個以下なら赤いボーダーに、2個以下なら青いボーダーに、それ以外は緑のボーダー(double)にします。
同じクラス名の要素ごとに個数の違うリストがすでにでき上がっていて、後からスタイル分けする場合に使えると思います。
ソース(ダミー<li>要素1の場合)
$("div.listwrap").each(function () {
	var num = $(this).find('ul.list-a li').length;
	if(num <= 1){
		$(this).find('ul.list-a').css('border','1px solid red');
	}
});

 

戻るボタン