Javascript jquery中的输入数组

在下面的代码中，如何使其从我的HTML中读取

name=“item[]”

和

name=“amount[]

我在这里看到了一些相互矛盾的事情，怎么做有简单的方法吗

HTML:

<p><span class="bookingName">Item<span class="required">*</span></span><span class="bookingInput"><input type="text" name="item[]" /><span class="bookingName">Amount<span class="required">*</span></span><input type="text" name="amount[]"></span>

$(document).ready(function () {

    $('<div/>', {
        'class': 'menuDetails',
        html: getMenuHTMLDetails()
    }).appendTo('#addMoreItemsButton');
    $('#addItem').click(function () {
        $('<div/>', {
            'class': 'extraMenuItem',
            html: getMenuHTMLDetails()
        }).hide().appendTo('.appendMoreItems').slideDown('slow');
    });
})

function getMenuHTMLDetails() {
    var len = $('.extraMenuItem').length;
    var $clone = $('.menuDetails').clone();

    $clone.find('[name=item]')[0].name = "item" + len;
    $clone.find('[name=amount]')[0].name = "item" + len;
    return $clone.html();
}

项目*金额*

jQuery:

<p><span class="bookingName">Item<span class="required">*</span></span><span class="bookingInput"><input type="text" name="item[]" /><span class="bookingName">Amount<span class="required">*</span></span><input type="text" name="amount[]"></span>

$(document).ready(function () {

    $('<div/>', {
        'class': 'menuDetails',
        html: getMenuHTMLDetails()
    }).appendTo('#addMoreItemsButton');
    $('#addItem').click(function () {
        $('<div/>', {
            'class': 'extraMenuItem',
            html: getMenuHTMLDetails()
        }).hide().appendTo('.appendMoreItems').slideDown('slow');
    });
})

function getMenuHTMLDetails() {
    var len = $('.extraMenuItem').length;
    var $clone = $('.menuDetails').clone();

    $clone.find('[name=item]')[0].name = "item" + len;
    $clone.find('[name=amount]')[0].name = "item" + len;
    return $clone.html();
}

$（文档）.ready（函数（）{
$('', {
'class'：'menuDetails'，
html:getMenuHTMLDetails（）
}).appendTo（'addMoreItemsButton'）；
$（'#addItem'）。单击（函数（）{
$('', {
“类”：“extraMenuItem”，
html:getMenuHTMLDetails（）
}).hide（）.appendTo（'.appendMoreItems'）.slideDown（'slow'）；
});
})
函数getMenuHTMLDetails（）{
变量len=$（'.extraMenuItem'）.length；
var$clone=$（'.menuDetails'）.clone（）；
$clone.find（'[name=item]'）[0].name=“item”+len；
$clone.find（'[name=amount]'）[0].name=“item”+len；
返回$clone.html（）；
}

您可以将属性的值放在引号中：

$clone.find('[name="item[]"]').prop("name", "item" + len);

或退出

[]

：

$clone.find('[name=item\\[\\]]').prop("name", "item" + len);

您必须使用引号''

$（'[name=“item[]”]）