jQuery DOM Insertion with variable insert-method

Question

My code uses a jQuery plugin that inserts some HTML code.

I have the option to change the inserting method, by setting them via variable.

The variable is called:

var options = {insert: 'append'};

I don't want to do that with an if condition, like that:

if(options.insert === 'append') {
 $('#foobar').append(htmlcode);
}else if (options.insert === 'prepend'){
 $('#foobar').prepend(htmlcode);

... and so on.

Is there any solution to insert the html code with a given varibale method?

Rory McCrossan · Accepted Answer · 2013-11-01 13:24:59Z

6

Because the jQuery construct is an object, you can use bracket notation to access functions. Try this:

$('#foobar')[options.insert](htmlcode);

So long as options.insert matches the name of a function, it'll work.

answered Nov 1, 2013 at 13:24

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

2 Comments

Nice one. I didn't know about that.

Good answer. Newer thought about this :)