jQuery删除元素不起作用onClick

Question

我有以下通过PHP生成的代码。

            <?php
        foreach ($quote->lineItems as $lineItem) {
            $name = "line_item_" . rand();
            $txtValue = "Supplier: " . $lineItem->supplierName . " Model: " . $lineItem->modelName . " Price: " . $lineItem->price . " Quantity: " . $lineItem->quantity;
            ?>
            <table style="width:900px">
                <tr>
                    <td><input type='hidden' name='<?= $name ?> id='<?= $name ?>''
                        value='<?= $lineItem->id ?>,<?= $lineItem->supplierId ?>,<?= $lineItem->supplierName ?>
                        ,<?= $lineItem->modelId ?>,<?= $lineItem->modelName ?>,<?= $lineItem->price ?>
                        ,<?= $lineItem->quantity ?>'/>
                        <?= $txtValue ?>
                    </td>
                    <td>
                        <button type='button' onclick="onBtnRemove('<?= $name ?>')" class="btn btn-secondary">
                            Remove
                        </button>
                    </td>
                </tr>
            </table>
            <?php
        }
        ?>

onBtnRemove函数如下所示。

        function onBtnRemove(idToRemove) {
            const toRemove = $("#" + idToRemove);
            toRemove.remove();
        }

我无法弄清为什么不删除该元素。