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