更改当前索引输入动态 jQuery

Change current Index input dynamic jQuery

我想在删除输入后更改输入名称中的当前 Idx(index)。

开头的输入名称为:

第 1 行:airline[0] flight_time[0] flight_number[0]
第 2 行:dOfv[]
第 3 行:airline[2] flight_time[2] flight_number[2]

现在,删除第 2 行后,我想像这样更改其他行中的输入名称:

第 1 行:airline[0] flight_time[0] flight_number[0]
第 3 行:airline[1] flight_time[1] flight_number[1]

演示:http://jsfiddle.net/5nykq0e6/

我该怎么办?

Html:

<div class="one">
    1.<input name="airline[0]">
        <input name="flight_time[0]">
            <input name="flight_number[0]">
    <a href="" class="remove_input">X</a>
</div>
<div class="one">
    2.<textarea name="dOfv[]"></textarea>
    <a href="" class="remove_input">X</a>
</div>
<div class="one">
    3.<input name="airline[2]">
        <input name="flight_time[2]">
            <input name="flight_number[2]">
    <a href="" class="remove_input">X</a>
</div>

JS:

$(document).on('click', 'a.remove_input', function(e) {
    e.preventDefault();
    $(this).closest('div.one').remove();

    $('.one').each(function(i, el) {
        //return parseInt($.trim(text)) - 1;
        var text = $(el).text();
        var currentIdx = parseInt(str.match(/\d+/)[0], 10);
        $(el).text('name', str.replace(currentIdx, i));
    })

})

str 从未定义 替换为您的文本:

$(el).text('name', text.replace(currentIdx, i));

http://jsfiddle.net/5nykq0e6/1/