在表中追加标签不是在阅读

时间:2018-03-06 20:09:29

标签: jquery css html-table

我有一个表格,我预先填充了JSON,并尝试在某些行之间添加可折叠。由于某种原因,我似乎无法附加一个结束标记来开始新行。它不断追求自我 像这样:

<tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
<!--it inserts here and doesn't read the first </tr> in the variable -->
</tr>
<!--but I want to insert a new tr here-->
<tr></tr>

这就是我所拥有的:

var euheadertr = '</tr>\
      <tr class="collapsableRow">\
        <td class="regionTab" colspan="7">\
          <label for="eu">EU</label>\
          <input type="checkbox" name="eu" id="eu" data-toggle="toggle" hidden>\
        </td></tr>';

$('#secondTable tr:nth-child(3)').append(euheadertr);

我也尝试过:

$('#secondTable tbody tr:nth-child(3)').append(euheadertr);

1 个答案:

答案 0 :(得分:2)

您可能希望使用after在您选择的元素之后添加而不是将其添加到

$('#secondTable tr:nth-child(3)').after(euheadertr);