我有一個 html 表，當用戶單擊按鈕時，我會在其中動態添加行。我的表格每行的兩個單元格的編號應該相乘。我做了一個可以乘以 2 個單元格數字的函數，但是當我通過按下add button該函數創建一個新行時，該函數在新行上不起作用，它總是在表格的第一行上起作用。這是 HTML 代碼：<div class="table-responsive container">    <table class="table">        <thead class="dark">        <tr>            <th scope="col">SL.</th>            <th scope="col">Item Description</th>            <th scope="col">Price</th>            <th scope="col">Qty.</th>            <th scope="col">Total</th>            <th scope="col">Del</th>        </tr>        </thead>        <tbody>        <tr>            <th scope="row">1</th>            <td><label>                <input type="text" name="name">            </label>            </td>            <td><label>                <input type="text" id="price" oninput="calculate()">            </td>            <td>                <input type="text" id="qt" oninput="calculate()">            </td>            <td>                <input type="text" id="ttl" name='total'>            </td>            <td>                <button class="remove">-</button>            </td>        </tr>        </tbody>    </table>    <button id="addRow">+ Add</button></div>這是 JavaScript 代碼：let temp_td = '<tr>' +    '<th scope="row">1</th>' +    '<td><label><input type="text" name="name"></label></td>' +    '<td><label><input type="text" id="price" oninput="calculate()"></td>' +    '<td><input type="text" id="qt" oninput="calculate()"></td>' +    '<td><input type="text" id="ttl" name="total"></td>' +    '<td><button class="remove">-</button></td>' +'</tr>';$(function () {    $('tbody').sortable();    $('#addRow').click(function () {        $('tbody').append(temp_td)    });    $(document).on('click', '.remove', function () {        $(this).parents('tr').remove();    });    $('#getValues').click(function () {        const total = [];        let sum = 0;        $('input[name="total"]').each(function (i, elem) {            total.push($(elem).val())        });我試圖改變很多東西，但它不起作用。