Quick question. I need to add a variable to my javascript object

Question

So I have a question. It's probably simple, but I've tried so many things and can't seem to get it to work. If you can just quickly rewrite this in the correct syntax, that would be sooo awesome.

I need my javascript object to include a variable that's a counter that adds.

Here is my code that works.

$(div_1).droppable("option", "disabled", false);

Here is what i need to work.

var counter = 1;

$('div_' + counter).droppable("option", "disabled", false);

counter++;

Hopefully i explained this well enough...

Thank you so much!!

Shad · Accepted Answer · 2011-09-15 03:47:03Z

1

Interesting, this is how I would do it:

var counter=1;
$(window['div_' + counter]).droppable("option", "disabled", false);
counter++;

This assumes div_1 is a variable, as your question is written. By getting the element out of the window array, I avoid the nasty nasty eval.

edited Sep 15, 2011 at 3:47

answered Sep 15, 2011 at 3:39

Shad

15.5k2 gold badges24 silver badges34 bronze badges

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

3 Comments

Darthg8r Over a year ago

This is completely counter to the purpose of a jQuery selector.

Shad Over a year ago

@Darthg8r please note how the question was written. 'div_1' is not a string selector, it is a variable that holds the selector/is a reference to a dom element. The OP needs a way to increment up through selectors/elements.

Irocmon Over a year ago

That worked!! Thank you so much Shad! Yeah, the only variable is the counter. The div_1 is a jQuery droppable selector. I have a whole bunch of droppables that the code needs to increment through and enable as the draggables are dropped. Thank you so much. I swear i had it written this way once, but just couldn't get it to work!

Darthg8r · Accepted Answer · 2011-09-15 03:35:36Z

0

If div_x is the name of the element id, then:

var counter = 1;

$("#div_" + counter).droppable("option", "disabled", false);

counter++;

The # matches element id's, "." matches element classes. Simply "div" would match all divs on the page.

answered Sep 15, 2011 at 3:35

Darthg8r

12.7k15 gold badges66 silver badges101 bronze badges

Comments

Mohsen · Accepted Answer · 2011-09-15 03:45:01Z

0

Your code should work. if you add a # before your string and you're targeting $('#div_1) (a div with id="div_1") Basiclly you can add a Number type variable to an string and result is string

var n = 1; // n is Number type
var hey = "hey "; // hey is an String type

console.log(hey + n); // returns "hey 1"
console.log(n + hey); // returns "1hey "

What I'm guessing is you declared the div_1 before like div_1 = $('#div1');. So if you pass "div_1" to your jQuery selector you will fail

edited Sep 15, 2011 at 3:45

answered Sep 15, 2011 at 3:38

Mohsen

66.1k37 gold badges164 silver badges187 bronze badges

1 Comment

Irocmon Over a year ago

Thanks for the answer! Plus i appreciate the javascript lesson. That is such a good thing to know! Thanks!

Collectives™ on Stack Overflow

Quick question. I need to add a variable to my javascript object

3 Answers 3

3 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related