属性の存在を確認

とある要素の属性の存在を確認するやり方をご紹介します。
通常はjQuery.attrメソッドを使用しますが、ここではあえてプラグインにしBooleanで返すようなものを作ります。

サンプル

ID属性の確認

定義

$.fn.hasAttr = function(attrName) { var result = false; if (attrName && attrName !== '') { var attrValue = $(this).attr(attrName); if (typeof attrValue !== 'undefined' && attrValue !== false) { result = true; } } return result; };

使い方

要素にhasAttrメソッドにjQueryオブジェクトにした要素をつなぎ、第一引数に属性名を指定します。
戻り値は属性が見つかった場合はtrue、見つからなかった場合はfalseを返します。

$(function() { $('#sample').on('click', function() { if ($(this).hasAttr('id') === true) { alert('id属性は存在します'); } }); });