「jQuery入門」lengthで要素が存在するか判定サンプル

2018年6月17日

1.htmlコード
<div class="cft">data-AA</div>
<div class="kdf">data-BB</div>
<div class="cft">data-AA</div>
<div class="hyl">data-CC</div>
<button>length要素チェック</button>
<p id="result"></p>

2.JSコード
$('button’).click(function(){
if( $('.kdf’).length == 0){
$('#result’).text('data-BBが存在しません。’)
}else{
$('#result’).text('data-BBが存在します。’)
}
})