Question

如何重复代码HTML五次？

重复（echo）输入<input type="text" name="ok">，其中js代码为五次。

我的意思是，这是由js代码回输五次输入

我想在运行jQuery代码后输出这个（5输入）：

<input type="text" name="ok"> 
<input type="text" name="ok">
<input type="text" name="ok"> 
<input type="text" name="ok"> 
<input type="text" name="ok">

怎么回事？

Answer 1

你的问题不完全清楚，你是说这个吗？

for (var i = 0; i<5;i++) {
    $("body").append("<input type='text' name='ok'>");
}

Answer 2

function EchoInput(html, count) {
    var result = [];
    for (var i = 0; i < count; i++) 
        result.push(html);
    return result.join("");
}

要使用此功能，您可以执行以下操作：

document.write(EchoInput("<input type='text' name='ok'>", 5));

Answer 3

var body = $('body');    

for(var i = 0; i < 5; i++) {
    body.append('<input type="text" name="ok">');
}

http://jsfiddle.net/ucbsh/1/

Answer 4

您可以直接创建元素，而不是创建HTML。

这是一种允许您在每个输入字段上设置不同名称的方法。现在所有五个都有“ok”的名字，但你可以在数组中改变它：

// use ready event so that the page is loaded:
$(document).ready(function(){
  // decide where to add the elements:
  var container = $('body');
  // loop over an array of names:
  $.each(['ok','ok','ok','ok','ok'], function(idx, name) {
    // create an element and add to the container:
    container.append($('<input/>', { type: "text", name: name }));
  });
});

使用jQuery回显五次输入

4 个答案: