[JQuery] 特定の要素が存在するかどうか判別する処理

はじめに

本記事は特定の要素があるかどうかを判別する処理について解説したものです。

実践

要素が存在するかどうかの判別方法は色々ありますが今回はlengthとsize()使った方法を解説していきます。

1. length

<script>
$(function(){
    if($('#hoge').length){
        ～　ここに「＃hoge」が存在した場合の処理を記述　～
    } else {
        ～　ここに「＃hoge」が存在しなかった場合の処理を記述　～
    }
});
</sctipt>

lengthは要素の数があるかどうかを判別する処理になり、存在しない場合はfalseを返します

2. size()

lengthとほぼ同様の使い方でsizeを使って判別処理できます。

<script>
$(function(){
    if($('#hoge').size()){
        ～　ここに「＃hoge」が存在した場合の処理を記述　～
    } else {
        ～　ここに「＃hoge」が存在しなかった場合の処理を記述　～
    }
});
</sctipt>