Dynamically Add Multiple Jquery Functions

Question

Let's say I have a for loop dynamically generating Jquery functions - like so:

 function addJqueryFunctions(divListJSON) {
    for(var i in divListJSON)
    {
        var id = divListJSON[i].id;

        $('#' + id + ').magicfunction();
    }
}

How do I make it so that the Jquery functions generated in the for loop make it to the page and are run?

You're not generating functions, you're just calling the same function repeatedly. — Barmar
– Barmar, Commented Aug 27, 2014 at 21:37

Barmar · Accepted Answer · 2014-08-27 21:39:39Z

1

To select an element by ID, you need to prefix it with #

$('#' + id).magicFunction();

Notice that the variable and + operator have to be outside the quotes.

answered Aug 27, 2014 at 21:39

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

4 Comments

zacran Over a year ago

Left the prefix out in the original post, but will functions work if generated in a loop? I.e. $('#id').draggable

Barmar Over a year ago

You're not "generating" anything, you're just calling a function. And each time, you're calling it with a different context parameter.

Barmar Over a year ago

Your modified question has an extra quote before ). If you have that in your actual code it will report a syntax error.

Barmar Over a year ago

There are some issues with generating closures in for loops. See stackoverflow.com/questions/1451009/…. But you don't have anything like that in your question.

Collectives™ on Stack Overflow

Dynamically Add Multiple Jquery Functions

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related