jQuery附加字符串

你好，我希望你今天身体好

我有以下代码：

  $('.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>');
})

$（'.add_child'）。单击（函数（）{
var attrName=$（this.attr（'name'）；
var count=$（this.attr（'count'）；
$（this.attr（'count'，（parseInt（count）+1））
变量输入=$（''）；
input.attr（'type'，'text'）
input.attr（'name'，attrName+“[”+计数+“]））
$（'.children_form'）。追加（'
'+[input]+'
'）；
})

我正在尝试将我的输出显示为：

<li><input /></li>

但它似乎不能正常工作，我在HTML中得到了这段代码

<li>[object Object]</li>

[对象]

我相信这句话给了我一个问题：

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

$（'.children_form'）。追加（'
'+[input]+'
'）；

使用

[input]

您正在创建一个数组。但是

'
'+input+'
'

也不起作用，因为

input

是一个对象，而不是HTML

你必须这样做：

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

$（'.children_form'）。追加（$（'
'）。追加（输入））；

---

count

不是有效的HTML属性。你应该改用。您可以使用以下格式的属性设置初始值：

data count=“0”

$（'.add_child'）。单击（function（）{
var attrName=$（this.attr（'name'），
count=$（this.attr（'count'）；
$（this.attr（'count'，（parseInt（count）+1））；
变量输入=$（''{
键入：“文本”，
名称：attrName+'['+count+']'，
});
$（'.children_form'）。追加（$（'
'））.html（输入））；
});

如果你从最后一行的

输入

周围移除方括号（

[

和

]

），你会得到什么？@David Thomas与之前一样

[object object]

赢家，赢家，鸡肉晚餐@泽维尔：我喜欢那部电影：）是一部很棒的电影，凯文在这部电影中表现得非常出色：D@Felix没有，先生。它也接受jQuery对象。你可以自己试试。

$('.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));
});