jQueryでthisの子要素を指定する場合、findとかchilderenしかないのかと思っていたけど下記のような指定ができる

this以下の子要素の指定はthisの前に書く

例:li をクリックし子要素の img のクラスが on の場合のみアラート表示
—– HTML —–

<ul>
<li><a href="#"><img class="on" src="#" alt=""/></a></li>
<li><a href="#"><img class="off" src="#" alt=""/></a></li>
<li><a href="#"><img class="off" src="#" alt=""/></a></li>
</ul>

—– jQuery —–

$('li').click(function(){
if($('img',this).attr('class')=='on'){
alert('OK');
}
});

いままで知らなかった。

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA