属性の有無を調べる

属性の有無を調べる方法を試してみます。

サンプルコード

undefinedかどうかで調べられるようです。

HTML

<div id="sample1">属性なし</div>
<div id="sample2" data-test="test">属性あり</div>

JavaScript

$(function() {
	if($('#sample1').attr('data-test') != undefined) {
		console.log('属性あり');
	} else {
		console.log('属性なし');
	}

	if($('#sample2').attr('data-test') != undefined) {
		console.log('属性あり');
	} else {
		console.log('属性なし');
	}
});

属性の有無を調べるデモページ
　

【参考サイト】

• jQueryで属性の有無を調べるにはundefinedかどうかを調べる [俺の備忘録]