Call a function from an object : object.function()

Question

How can I call a function from an object in javascript, like for example in jquery you call myDiv.html() to get the html of that div.

So what I want is this to work :

function bar(){
 return this.html();
}

alert($('#foo').bar());

this is a simplified example, so please don't say : just do $('#foo').html() :)

Answer 1

jQuery.fn.extend({
    bar: function() {
        return this.html();
    }
});

alert($('#foo').bar());

Answer 2

You mean how you call a function with an object in context?

This works-

function bar() {
    return this.html();
}

bar.apply($('#foo'));

Or if you want to attach a method to an object permanently,

obj = {x: 1};
obj.prototype.bar = function() {return this.x;};
obj.bar();