jQuery Plugin .hasAttr()

Simple jQuery plugin .hasAttr() - example

by Adi Jaya

HTML

<div id='demo-1' data-foo>#demo1 (data-foo)</div>
<button class='button-1'>.button-1</button>

<hr/><hr/><hr/>
<button class='button-2'>.button-2</button>
<div id='demo-2' data-bar>#demo2 (data-bar)</div>
<textarea id='textarea'>textarea</textarea>

JavaScript

(function ( $ ) {
	$.fn.hasAttr = function( attribute ) {
			return this.attr( attribute ) !== undefined;
  };
}( jQuery ));



//[example 1] true or false
$( ".button-1" ).click(function(){
		alert( $( "#demo-1" ).hasAttr( "data-foo" ) );
});


//[example 2]
$( ".button-2" ).click(function(){
		var a = $( "#demo-2" ).hasAttr( "data-bar" );
    var b = $( "#textarea" );
    
    if( a == 1 ){  //if( a == true ){...}
    	b.val( "true" );
    } else {
    	b.val( "false" );
    }
});