使 jquery 递增文本框编号和 id

Make jquery increment a text box number and id

本文关键字：编号 id 文本 jquery      更新时间：2023-09-26

我希望能够单击按钮并让它复制以下内容：

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

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

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

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

我不确定该怎么做的是让它更改 id 或数字框的值。

我不明白你的解释中使用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);
}

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);
相关文章：