jQuery的追加字符串

Question

您好堆棧溢出，我希望你今天好，

我有這樣的代碼：

$('.add_child').click(function(){ 
    var attrName = $(this).attr('name'); 
    var count = $(this).attr('count'); 
    $(this).attr('count', (parseInt(count)+1)) 
    var input = $('<input />'); 
    input.attr('type','text') 
    input.attr('name',attrName+"["+count+"]") 
    $('.children_form').append('<li>'+[input]+'</li>'); 
}) 

我試圖讓我出來顯示爲：

<li><input /></li> 

但它似乎並沒有正常工作我得到這個代碼在我的HTML

<li>[object Object]</li> 

我相信此行是給我的問題：

$('.children_form').append('<li>'+[input]+'</li>'); 

Answer 1

隨着[input]要創建陣列。但'<li>'+input+'</li>'也不會工作，因爲input是一個對象，而不是HTML。

你不得不做像這樣：

$('.children_form').append($('<li />').append(input)); 

---

count不是有效的HTML屬性。您應該使用.data()。您可以使用HTML5 data attributes格式的屬性設置初始值：data-count="0"。

Answer 2

$('.add_child').click(function(){ 
    var attrName = $(this).attr('name'), 
     count = $(this).attr('count'); 

    $(this).attr('count', (parseInt(count)+1)); 

    var input = $('<input />', { 
     type: 'text', 
     name: attrName + '[' + count + ']', 
    }); 
    $('.children_form').append($('<li>').html(input)); 
});