Javascript Jquery从表单中删除生成的字段

我有一个表单，当用户输入信息时，它会根据需要生成字段。 我还有一个函数，可以将用户数据从数据库加载到要编辑的表单中。 但是，一些用户的数据比其他用户少，并且在加载数据时会留下额外的字段。我知道我可以使用$（text）.remove来删除不需要的字段，但我不知道如何选择每个部分中除第一个字段外的所有字段

这是表单的一部分，我需要删除除第一个背景文本和背景排名字段以外的所有内容

<tr class="end_background">
    <td class="col1">
        Background 1:
    </td>
    <td class="col2">
        <input class="background_text_1" name="background_text_1" type="text">
    </td>
</tr>
<tr class="end_background">
    <td class="col1">
        Background 1:
    </td>
    <td class="col2">
        <input class="background_text_1" name="background_text_1" type="text">
    </td>
</tr>
<tr>
    <td class="col1">Background Rank 2:</td>
    <td class="col2">
        <input class="background_rank_2  spinner" name="background_rank_2" type="number" value="2">
    </td>
</tr>
<tr class="end_background">
    <td class="col1">Background 2:</td>
    <td class="col2"><input class="background_text_2" name="background_text_2" type="text">
    </td>
</tr>
<tr>
    <td class="col1">Background Rank 3:</td>
    <td class="col2">
        <input class="background_rank_3  spinner" name="background_rank_3" type="number" value="3">
    </td>
</tr>
<tr class="end_background">
    <td class="col1">Background 3:</td>
    <td class="col2">
        <input class="background_text_3" name="background_text_3" type="text">
    </td>
</tr>

背景1：
背景1：
背景等级2：
背景2：
背景等级3：
背景3：

类似这样的内容：

$('input[name^="background_text"]').each(function (i) {
    if (i != 0) $(this).closest('tr').remove();
});

$('input[name^="background_rank_"]').each(function (i) {
    if (i != 0) $(this).closest('tr').remove();
});

---

能否更改生成新字段的代码？如果是这样，您可以添加一个类，例如

[some prefix]-generated

，然后使用

$（“[some prefix]-generated”）.remove（）或类似的东西。前缀是因为一些js库还使用类
generated
来指示动态生成的html代码。该代码完全以给定字符串开头。