Javascript 动态添加行上的链接选择

我从上一个问题中发现了这个问题，答案在两个选择列表中运行正常。 但是如果我需要添加第三个选择，即使它与第一个和第二个选择没有关联， 链式选择功能将不起作用。 我想添加第三个选择，它与两个选择没有关联

这是前一个问题的内容

<table id="tableID" border="1">
<tbody>
<tr>
  <td> <a href="#" onClick="addRow(tableID)">Add</a>
  </td>
  <td>
    <select id="mark" name="mark">
    <option value="bmw">BMW</option>
    <option value="audi">Audi</option>
    </select>
  </td>
  <td>
    <select id="series" name="series">
    <option value="series-3" class="bmw">3 series</option>
    <option value="series-5" class="bmw">5 series</option>
    <option value="series-6" class="bmw">6 series</option>
    <option value="a3" class="audi">A3</option>
    <option value="a4" class="audi">A4</option>
    <option value="a5" class="audi">A5</option>
    </select>
  </td>
 </tr>
</tbody>

以下是链接：

---

请帮我解决这个问题，谢谢

问题来自“选择：最后一个选择器”，新的“选择”系列没有将rowCnt添加到其ID中

如您所知，select的id可用于选择器

$('#tableID tbody>tr:last #mark').attr('id', 'mark' + rowCnt);
$('#tableID tbody>tr:last #series').attr('id', 'series' + rowCnt);

---

这很有效，为你竖起大拇指，非常感谢我的朋友。

$('#tableID tbody>tr:last #mark').attr('id', 'mark' + rowCnt);
$('#tableID tbody>tr:last #series').attr('id', 'series' + rowCnt);