每个 $.each.? 附加两个输入

Question

我想为每个 key.name_units 附加两个输入。这是我的代码，但不起作用：

 $.each(ok, function (bu, key) {
     $("<p/>").append(key.name_units, $("<input/>", {
         type: "text",
         Name: "a[]"
     }), $("<input/>", {
         type: "text",
         name: "a[]"
     })).appendTo(".list");
 });

怎么样！？

示例

Answer 1

您定义了错误的选择器来附加数据。

您已经定义了

，但如果您想附加到一个段落（

some text

），您必须仅将 p 定义为 JQuery 选择器：$("p").append()。

在 示例 中，您的 HTML 中也没有

标记。

我还认为，你传递了错误的论点。

描述你到底想做什么。

Answer 2

使用 .each() 迭代数组或对象，您需要对函数输入使用不同的签名。所以使用function(bu, key)是不正确的*。

function(index, value) <<< Array
function(key, value) <<< Object

以下是使用您的标记作为示例的两个示例。请注意，我向 UL 添加了一点宽度，以便可以显示索引和值。

var ok = [1,2,3];

$('.list li').remove();

$.each(ok, function(index, value){
    $('<li>"key.name_units ('+index+', '+value+')" '+
      '<input type="text" name="out[]">'+
      '<input type="text" name="out[]">'+
      '</li>').appendTo('.list');
});

ok = {
    four: '4',
    five: '5',
    six: '6'
};

$.each(ok, function(key, value){
    $('<li>"key.name_units ('+key+', '+value+')" '+
      '<input type="text" name="out[]">'+
      '<input type="text" name="out[]">'+
      '</li>').appendTo('.list');
});

将输出：

<li>"key.name_units (0, 1)" <input name="out[]" type="text"><input name="out[]" type="text"></li>
<li>"key.name_units (1, 2)" <input name="out[]" type="text"><input name="out[]" type="text"></li>
<li>"key.name_units (2, 3)" <input name="out[]" type="text"><input name="out[]" type="text"></li>
<li>"key.name_units (four, 4)" <input name="out[]" type="text"><input name="out[]" type="text"></li>
<li>"key.name_units (five, 5)" <input name="out[]" type="text"><input name="out[]" type="text"></li>
<li>"key.name_units (six, 6)" <input name="out[]" type="text"><input name="out[]" type="text"></li>

http://jsfiddle.net/userdude/SXXee/1/

* 在至少，我不这么认为。