run jquery function on element. what is wrong with this code?

Question

What is wrong with this code?

$(function() {
    function testfunction() { $(this).addClass('testing');}
    $('.tester').testfunction();
});

That's not how you make a jQuery plugin. Right now you're just creating a normal JavaScript function. That doesn't make jQuery aware of it. — BoltClock
– BoltClock, Commented Feb 14, 2011 at 10:30
@K Ivanov: Extend the jQuery object with custom functionality, from the looks of it. — BoltClock
– BoltClock, Commented Feb 14, 2011 at 10:32

Aron Rotteveel · Accepted Answer · 2011-02-14 10:32:23Z

13

testfunction() is not added to the jQuery function stack.

If you want to be able to call it on an arbitrary object, you should add it to the jQuery function stack:

$.fn.testfunction = function() {
   this.addClass('testing');
};

$('.tester').testfunction(); // success!

You should take a look at jQuery's Plugins/Authoring page for more information on how to properly write plugins.

answered Feb 14, 2011 at 10:32

Aron Rotteveel

83.4k17 gold badges106 silver badges129 bronze badges

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

2 Comments

user247298 Over a year ago

Thanks. How do use variables that increment on every eliment the function is applied to? for example: $.fn.testfunction = function() { incrementthis++; this.append(incrementthis); this.addClass('testing'); }; $('.tester').testfunction(); // success!

Aron Rotteveel Over a year ago

You should use this.each(function() {}); inside the function. For more info, I really encourage you to read the docs.jquery.com/Plugins/Authoring page. It will help you understand the subject better.

Collectives™ on Stack Overflow

run jquery function on element. what is wrong with this code?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related