Question

I am trying to add a custom function to a specific div elements in my dom that share the same class name.

Something like this

$(".custom-div").each(function(){
        $(this).newFtn = function() {
            $(this).addClass("makeover");
        }
});

So here am trying to add the newFtn to the div elements with the class name “.custom-div”.

After trial and error and inspecting of the element in firebug. I got this to work the following way

$(".custom-div").each(function(){
        $(this).init.prototype.newFtn = function() {
            $(this).addClass("makeover");
        }
});

But, I have a few question on this; I am not sure of why this works and are there any draw backs of doing it in this manner? Can someone explain this please ? An abstract explanation should be fine.

Answer 1

Try something like:

function DisableCheckBox(o) {
    //No need for $('selector') here as 'o' is a jQuery object already.
    o.each(function () {
        o.addClass('makeover');
    //Other stuff...
    });
    //optionally return o on function exit if you want to do stuff to it outside this function
}

DisableCheckBox($(".custom-div"));
//or
var chk = DisableCheckBox($(".custom-div")); //if returning 'o' above.