Question

function df(){
 $(this).text('hello world');
}

bn.attr('onclick','df();');

My problem is $(this) references the jquery window object and not the jquery object bn.

How do I get a dynamic reference to bn in my function df?

Answer 1

Don’t use the onclick attribute. Use the .click() method:

bn.click(df);

Or the .on() method (jQuery 1.7+) or .bind() (older versions):

bn.on("click", df);

Note that there are no invoking parentheses after the function identifier. You need to pass a reference to the function, rather than the return value of the function.