如何在克隆的輸入對象的值內打印嵌套數組？

代碼：

//create array with values 
thisArray= ['',[]]; 
thisArray[0] = ['numbers',['one','two','three','four','five']]; 
// have a clean clone of input 
var newElem = $('#input').clone(); 

//search through aray and print the nested array inside the 
// value of the cloned input 
for(i = 0; i<thisArray[0][1].length; i++){ 

    $(newElem).val(thisArray[0][1][i]); 
    $('input.input').last().after(newElem); 
}

條件：我不能改變所述陣列的HTML或佈局。

問題：如何編輯for循環在克隆的輸入字段中一個接一個地顯示數組中的數字？所以最終的輸出將是六個輸入字段，每個輸入字段除第一個輸入字段外都有一個數字。

來源

2012-03-13 Rex Douglas

您能否確認我的理解正確？你想克隆一個ID爲#input的輸入，並在頁面上的類「.input」的最後一個輸入之後插入該輸入。你想在那個克隆的輸入中顯示「一個」，「兩個」等，並且你希望在數字之間有一點點延遲，比如「one」....「two」....「three」。主要是 – Niko 2012-03-13 01:08:05

，我想要6個輸入字段，每個字段除了第一個輸入字段。我改變了小提琴，所以不會有超過一個元素具有相同的'身份證' – 2012-03-13 01:11:17

你需要讓五個人副本，以便插入五個新的輸入：

//create array with values 
thisArray= ['',[]]; 
thisArray[0] = ['numbers',['one','two','three','four','five']]; 

var newElem; 

//search through aray and print the nested array inside the value of the cloned input 
for(var i = 0; i<thisArray[0][1].length; i++){ 
    newElem = $('.input').eq(0).clone(); // <-- cloning moved here! 
    newElem.val(thisArray[0][1][i]); 
    $('input.input').last().after(newElem); 
}

見http://jsfiddle.net/7NHXf/4/

來源

2012-03-13 01:18:04 Niko

這是正確的，完美的作品，但我覺得這會比它可能慢。爲什麼我無法創建var newElem，然後編輯它並多次顯示它與編輯？ – 2012-03-13 01:24:20

如果您克隆一次，則內存中只有一個輸入元素。如果你想在屏幕上有多個輸入，你只需要製作更多的副本。這就像：如果你買了一個芝士漢堡，那麼你不能多吃一次芝士漢堡 - 如果你想吃不止一個芝士漢堡，你只需要購買更多。每個副本一次只能位於頁面上的一個位置。 – Niko 2012-03-13 01:30:39

Woudn't這項工作？：

var numbers = ['one', 'two', 'three', 'four'], 
    $field = $('.field'), 
    newFields = []; 

for (var i = 0, len = numbers.length; i < len; i++) { 
    var field = '<input type="text" value="'+ numbers[i] +'" />'; 
    newFields.push(field); 
} 

$(newFields.join('')).insertAfter($field);

http://jsfiddle.net/elclanrs/7NHXf/9/

來源

2012-03-13 01:24:27 elclanrs

如何在克隆的輸入對象的值內打印嵌套數組？

回答

相關問題