Javascript 带有jquery的动态按钮

Javascript 带有jquery的动态按钮,javascript,jquery,Javascript,Jquery,我创建了一个动态按钮。但所有按钮的值都是相同的。我该怎么办?我希望每个人都有不同的价值观 对于(var i=0;i您应该在此处更改字符串: $('<input type="button" value="new button" style="margin-left:10px; margin-top:5px;"/>'); $(''); 对于这样的事情: $('<input type="button" value="new button-' + i + '" style="m

我创建了一个动态按钮。但所有按钮的值都是相同的。我该怎么办?我希望每个人都有不同的价值观


对于(var i=0;i您应该在此处更改字符串:

$('<input type="button" value="new button" style="margin-left:10px; margin-top:5px;"/>');
<代码>$('');
对于这样的事情:

$('<input type="button" value="new button-' + i + '" style="margin-left:10px; margin-top:5px;"/>');
<代码>$(''); 因此,您将拥有:新按钮-1,新按钮-2。。。。
希望在帮助中

您可以使用索引来更改每个按钮的值。看看这是否有帮助


for(var i=0;i如果您只需要在那里输入不同的名称,您只需使用索引即可

for (var i = 0; i <= 11; i++) {
var r = $('<input type="button" value="Button_"' + i + '"style="margin-left:10px; margin-top:5px;"/>');
$("#sth").append(r);

  $("#sth").css({
    width: '300px',
    'padding-top': '10px',
    'padding-bottom': '10px',
    'padding-left': '10px'
  });
}

for(var i=0;i那么您想要什么名称
value=“新建按钮”+i+”
这些名称应该是什么?只需
新建按钮1
新建按钮2
,…?@onor您可以创建具有按钮名称的buttonArray欢迎访问。请访问以了解问题内容和问法。我根据您的代码创建了一个按钮,但您需要解释预期结果。这显然已经在的注释中得到了回答一个不值得回答的问题伙计,我在开始回答这个问题时没有检查评论。我的屏幕处于代码模式,所以不知道它是否被回答。我感谢你在我之前回答过。你知道你在每次迭代中都设置了sth的CSS吗?请单击
并创建一个-同时将CSS移到外部环
    var arr = ['apple','orange','pineapple','tomato','grapes','ginger','ghee','sugar','milk','brinjal','potato'],name;
for (var i = 0; i <= 11; i++) {
    name = arr[i] ? arr[i] : 'button_'+ i; 
    var r = $('<input type="button" value="' + name + '"style="margin-left:10px; margin-top:5px;"/>');
    $("#sth").append(r);

      $("#sth").css({
        width: '300px',
        'padding-top': '10px',
        'padding-bottom': '10px',
        'padding-left': '10px'
      });
    }