jQueryで要素が存在するかどうかを確認する

.append()メソッドで要素を作成した場合、その要素が存在するかどうかを確認するにはどうすればよいですか? $('elemId').length`ではうまくいきません。

ソリューション

$('elemId').length が動作しません。 私の場合。

要素IDの前に#を入れる必要があります。

$('#elemId').length
---^

バニラJavaScriptでは、ハッシュ(#)は必要ありません。例えば、document.getElementById('id_here')となりますが、jQueryを使用する場合は、CSSのようにidに基づいて要素をターゲットにするためにハッシュを置く必要があります。

解説 (7)

セレクタの長さをチェックしてみて、何かを返してくれれば、その要素が存在するはずですが、そうでない場合もあります。

 if( $('#selector').length )         // use this if you are using id to check
{
     // it exists
}

 if( $('.selector').length )         // use this if you are using class to check
{
     // it exists
}
解説 (4)

エレメントにクラスがある場合は、以下のようにしてみてください。

if( $('.exists_content').hasClass('exists_content') ){
 //element available
}
解説 (2)