2012/11/24

[jQuery] 要素に対して、1つ置きにスタイルを変えたい



以下のようなHTMLがあったとして
<div id="Hoge">
    <label>あああ</label>
    <label>いいい</label>
    <label>ううう</label>
    <label>えええ</label>
    <label>おおお</label>
</div>

1つ置きに styleを変更したいときは「:odd」、「:even」で指定する
でも、最後の要素だけは 何も指定したくないって時は、「:not(selector)」を使う


<script type="text/javascript">
$(document).ready(function() {
$("#Hoge label:even:not(:last)").css({"width": "135px", "display": "block", "float": "left"});
});
</script>


参考)
jQuery で奇数番目・偶数番目を指定するときの注意点。 | btmup Blog

:not(selector) - jQuery 日本語リファレンス


0 件のコメント: