Javascript 在JQuery中使用变量

Javascript 在JQuery中使用变量,javascript,jquery,Javascript,Jquery,我有以下代码: $("#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

我有以下代码:

$("#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;
});
$(“#标记添加按钮”)。单击(功能(){
var text=$(“#tagadd”).val();
var-tagcounter=0;
$(“#设置标记”)。追加(“”);
$(“#tag”tagcounter).val(文本);
$(“#tagadd”).val(“”);
tagcounter=tagcounter+1;
});
很明显,这是错误的,但以下是我试图实现的目标:

有人单击tagadd按钮,tagadd中的文本存储在“text”变量中

变量tagcounter设置为0

呈现的输入(在set tags div中)包含一个id,如“tag0”、“tag1”等

然后输入(“tag0”等)接收来自“text”变量的值

原始输入框“tagadd”随后被替换为零(“”)

最后,tagcounter变量增加1


我怎样才能做到这一点呢?

这就是你想要实现的目标吗

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++;
});
不太确定您在这方面的目标:

 $("#set-tags").append("<%= render 'tag' %>");
$(“#设置标记”)。追加(“”);

变量可以像在普通JavaScript中一样使用。$(“#tag”tagcounter).val(text);应为$(“#标记”+标记计数器).val(文本);tagcounter=tagcounter+1;我猜不会工作,因为每次单击时都会用0初始化它。您可能需要一个全局变量,用于分配value@jitanmay或者使用
.data
将标记计数器存储在dom对象上。最好避免全局状态。您意识到jQuery是在客户端执行的吗?所以
$(“#设置标记”)。追加(“”)没有任何实际意义?@yngWebnilsen:我假设
呈现“标记”
是标记模板的某种形式的ASP宏——或者我认为是这样。@Brad:在我看来更像RubyOnRails。