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);

使jquery增加文本框号和id

2 个答案: