Jquery extends element

Question

I want to extend the functionality of my textarea element. The textarea elements should respond when I call a method like this:

$('#jsedit').jsedit();

I know it can be done by doing like this:

$(function() {
    $.fn.extend({
        jsedit: function() {
            alert(this.val());
        }
    });
});

but how can I specify only the textarea can do this? Because now every element can called jsedit() method.

Florian · Accepted Answer · 2012-07-27 08:16:23Z

2

Like this:

$(function() {
    $.fn.extend({
        jsedit: function() {
            if ($(this).is('textarea')) {
                 //your stuff
            }
        }
    });
});

console.log($('#your_textarea').jsedit());

EDIT: complete statement

lg,

flo

answered Jul 27, 2012 at 8:16

Florian

3,3761 gold badge32 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ryan Wheale Over a year ago

or, pure javascript too: if(this.nodeName === 'TEXTAREA') { ... }

Collectives™ on Stack Overflow

Jquery extends element

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related