これは次のように非常に簡単に行うことができます
// Here we save a reference to the orginal method
$.fn._attr = $.fn.attr;
// We can now define our own version
$.fn.attr = function ( attr, callback ) {
// Now we test to make sure that the arguments are provided in the way you want
if ( typeof attr === 'string' && typeof callback === 'function' ) {
// Save the result of the callback
var result = callback.call( this, attr );
// If the callback returns a valid "value" we assign that as the new attribute
if ( typeof result === 'string' ) {
return $.fn._attr( attr, result );
}
}
// If the arguments, or return of our function, are not what we expected, we execute the normal method here
return $.fn._attr.apply( this, arguments );
};
この新しいattr
関数を使用するには、これを行うことができます
// Here prop is the name of the attribute you passed in
$( 'div' ).attr( 'foo', function ( prop ) {
return prop + 'bar';
});
この結果は次のようになります。
<div foo="foobar"></div>