how to turn a function from function(element) syntax to $(element).function() syntax

Question

I have a function that accepts the element it needs to operate on as a parameter element

function changeColor(element){
   $(element).find('.middleBox').each(function(){
       $(this).//do some stuff that does not matter now;
   });
}

and I call it this way

changeColor($(document)); //this applies it to the whole document
changeColor($('#sectionOne')); //this applies it to only part of the document

I want to change it from the format where it accepts its object as a param to this format. How do I do it

$('#sectionOne').changeColor();
$(document).changeColor();

Mark Eirich · Accepted Answer · 2011-02-26 01:54:07Z

6

As Nikita said, you need to write a jQuery plugin. Here's a basic example, which should be enough for what you are trying to do:

(function($) {
    $.fn.changeColor = function() {
        return this.each(function() {

            $(this).find('.middleBox').each(function() {
                $(this).//do some stuff that does not matter now;
            });

        });
    };
})(jQuery);

answered Feb 26, 2011 at 1:54

Mark Eirich

10.1k2 gold badges27 silver badges27 bronze badges

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

3 Comments

Vijay Shegokar Over a year ago

I agree with your above answer. But what, If i'm not interested to use jquery into my project then? Actually I'm using Angular JS. Waiting for your reply...

Mark Eirich Over a year ago

@vijayshegokar I recommend that you create a new question so that people can get points for answering it.

Vijay Shegokar Over a year ago

I have created a new question. Please check stackoverflow.com/questions/29504841/…

Nikita Rybak · Accepted Answer · 2011-02-26 01:43:19Z

1

You want to create a jQuery plugin. jQuery folks provide a tutorial for that.

If you don't like reading much, you can practically copy-paste maxHeight example and replace logic inside.

answered Feb 26, 2011 at 1:43

Nikita Rybak

68.2k22 gold badges163 silver badges183 bronze badges

Collectives™ on Stack Overflow

how to turn a function from function(element) syntax to $(element).function() syntax

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related