[jQuery]指定したノードが存在するときのみ処理を行う

jQueryでは、$( “#btnShow” )といった形式で、特定のDOMノードを指定可能です。
このとき指定したノードが存在するときのみ処理を行う方法です。

プログラム

<input id="btnShow" type="button" value="表示" />
<div id="someDiv"/>message area</div>
 
<script>
$( function() { 
    $( "#btnShow" ).click( function() {
        var someDiv;
 
        // idが"someDiv"のノードがあるときのみメッセージ表示処理を実行する
        if ( ( someDiv = $("#someDiv") ).length) {
           someDiv.text( "hello world" );
        }
    });
});
</script>
 
<style>
#someDiv {
    width:200px;
    padding:10px;
    background-color:#fcc
}
</style>





テスト


message area




この記事は、以下のページを参考に作成しています。
jQuery Tips and Tricks

関連記事

コメントを残す

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