javascript - 使 jquery 增加一个文本框编号和 id

Question

我希望能够单击按钮并让它复制：

<tr id="1">
<td>
    <input type="number" class="cue">
</td>
<td>
    <input type="time">
</td>
<td>
    <input type="text">
</td>
</tr>

并且能够<tr>根据之前的内容更改其 id。我还希望它根据变量 cueset 更改数字框的值。

当您按下按钮添加一行时，它会调用add_row()

function add_row(rowCount)
   {
    for(i=0; i<rowCount; i++)
    {
        index = index + 1;
        $('table').append( $('#1').prop('id', index));
    }
   }

我不知道该怎么做是让它改变 id 或数字框的值。

Answer 1

我不明白你的解释中 rowCount 和 for 循环的使用，所以这里没有它们

function add_row()
{               
    var mostRecentTr = [].pop.call($("tr"));                
    var newNum = 1+$(mostRecentTr).attr("id");      
    var newTr = $(mostRecentTr).clone().attr("id", newNum);             
    newTr.find(".cue").val(newNum);                 
    $("table").append(newTr);
}

Answer 2

var lastRow = jQuery('tr[id]').last();
var currCount = parseInt(lastRow.id);
var newRow = lastRow.clone()
newRow.id = currCount++;
lastRow.parent().append(newRow);

虽然我建议像这样更好的东西：

var lastRow = jQuery('tr[counter]').last();
var currCount = parseInt(lastRow.attr('counter'));
var newRow = lastRow.clone()
newRow.attr('counter', currCount + 1).id = ('myRow' + currCount + 1);
lastRow.parent().append(newRow);