How do you pass a JQuery object in a function as a parameter for that object's method call?

Question

For example, I have a method showTable that takes a JQuery object, and the showTable call is a parameter for the append method of that same object.

This is the result I'm going for:

body.append (this.showTable(body));

showTable returns an HTML string to append to body. But I don't like typing body twice, it feels clunky. How do make it implicit that body is the variable to be passed?

why don't you just do the .append within the showTable function? — Alnitak
– Alnitak, Commented Sep 11, 2013 at 16:15
also, why does showTable care about what body is at all? — Alnitak
– Alnitak, Commented Sep 11, 2013 at 16:21

Arun P Johny · Accepted Answer · 2013-09-11 16:12:43Z

2

You can use the .append( function(index, html) ) variant here

body.append (this.showTable);

then inside

function showTable(){
    //here this points to the body element
}

answered Sep 11, 2013 at 16:12

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

3 Comments

Arun P Johny Over a year ago

@Alnitak from the doc Within the function, this refers to the current element in the set did I misunderstand it

Liam Over a year ago

no, I think your right, I upvoted the comment, then thought about it and $(this) will be the body.

Alnitak Over a year ago

ah, ok, a special case I didn't know about - it seems that .append will indeed set the context if you pass it a function reference. However note that it will be set to the current jQuery element, and not whatever the value of this was when you referenced this.showTable, that being the mistake most people make when they pass a reference to a member function.

000 · Accepted Answer · 2013-09-11 16:15:59Z

0

Let's start by rewriting it in fluent style:

this.showTable(body).appendTo(body)

But that doesn't really answer the question. I think it looks better.

To answer the question, I would write a helper function:

jQuery.fn.extend({
    appendTableTo: function(thing) { return this.showTable(thing).appendTo(thing) }
});
this.appendTableTo(body);

answered Sep 11, 2013 at 16:15

000

27.3k10 gold badges74 silver badges103 bronze badges

Collectives™ on Stack Overflow

How do you pass a JQuery object in a function as a parameter for that object's method call?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related