Using variables in JQuery

Question

I have the following code:

$("#tag-add-button").click(function () {
    var text = $("#tagadd").val();
    var tagcounter=0;
    $("#set-tags").append("<%= render 'tag' %>");
    $("#tag"tagcounter).val(text);
    $("#tagadd").val("");
    tagcounter=tagcounter+1;
});

Clearly its wrong, but here is what I'm trying to accomplish:

Someone clicks the tag-add-button, the text from tagadd is stored in the "text" var.

The variable tagcounter is set to 0

An input is rendered (within the set-tags div) containing an id such as "tag0", "tag1" etc.

The input ("tag0" etc.) then receives the value from the "text" var.

The original input box "tagadd" is then replaced with nothing ("").

Lastly the tagcounter variable increases by 1.

How can I make this work?

$("#tag"tagcounter).val(text); should be $("#tag" + tagcounter).val(text); — jtanmay
– jtanmay, Commented Feb 11, 2011 at 0:14
tagcounter=tagcounter+1; will not work i guess as you are initializing it with 0 on every click. You might want a global variable which you want to assign the value — jtanmay
– jtanmay, Commented Feb 11, 2011 at 0:17
@jitanmay alternatively store the tag counter on the dom object with .data. Best to avoid global state. — Raynos
– Raynos, Commented Feb 11, 2011 at 0:21
You realise that jQuery executes on the client-side? So $("#set-tags").append("<%= render 'tag' %>"); doesn't make any real sense? — David Thomas
– David Thomas, Commented Feb 11, 2011 at 0:24

Yngve B-Nilsen · Accepted Answer · 2011-02-11 00:19:02Z

2

Is this what you're trying to achieve?

var tagCounter = 0;
$("#tag-add-button").click(function(){
     var text = $("#tag-add").val();
     $("#set-tags").append(text);
    $("#tag"+tagCounter).val(text);
    $("#tag-add").val('');
    tagCounter++;
});

Not quite sure what you're trying to achieve in this line:

 $("#set-tags").append("<%= render 'tag' %>");

?

answered Feb 11, 2011 at 0:19

Yngve B-Nilsen

9,6762 gold badges38 silver badges51 bronze badges

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

2 Comments

Brad Christie Over a year ago

@YngveBNilsen: I'm assuming the render 'tag' is some form of ASP macro for a TAG template--or so I would presume.

fresskoma Over a year ago

@Brad: Looks more like RubyOnRails to me.

Collectives™ on Stack Overflow

Using variables in JQuery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related