「jQuery入門」filter()メソッドの使い方

サンプル1
1.1 htmlコード
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
<li>list item 6</li>
</ul>
1.2 JSコード
$(‘li’).filter(‘:even’).css(‘background-color’, ‘red’);

サンプル2
2.1 htmlコード
<ul>
<li><strong>list</strong> item 1 – one strong tag</li>
<li><strong>list</strong> item <strong>2</strong>
– two <span>strong tags</span></li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
<li>list item 6</li>
</ul>
2.2 JSコード
$(‘li’).filter(function(index) {
return $(‘strong’, this).length == 1;
}).css(‘background-color’, ‘green’);

Comments are closed.