jquery - 如何使用jquery根据HTML第一个TR中td的大小在表格的第一个前面添加一个tr？

Question

我想添加一个 tr 作为带有复选框的 tbody 的第一个子级，这里我尝试过但没有得到结果。

var ss = $('tbody tr')[0]
        var trLen=$(ss).find('td').length;
        //alert(trLen);
        var cnt=0;
        $('<tr>').prepend
        for(var k=0;k<trLen;k++) {
                $('<td>').prepend
                $('<input />', {
                    type : 'checkbox',
                    id : 'col_'+cnt,
                    class : 'dt-checkboxes',
                    value : name
                }).prependTo($(this));

                $('</td>').prependTo($(this));
                cnt++;

        }
        $('</tr>').prependTo($(this));

HTML

<tbody><tr style="height:15.0pt;"><input type="checkbox" id="selectall" class="dt-checkboxes" value="">
            <td class="td_0_1">&nbsp;</td>
<td class="td_0_1">&nbsp;</td>
<td class="td_0_1">&nbsp;</td>
<td class="td_0_1">&nbsp;</td>
<td class="td_0_1">&nbsp;</td>
<td class="td_0_1">&nbsp;</td>
<td class="td_0_1">&nbsp;</td>
<td class="td_0_1" rowspan="2">Total general</td>
          </tr>
</tbody>

帮我解决一下谢谢

Answer 1

这是一个示例解决方案 https://jsfiddle.net/8w05u9oa/1/

$('table tbody').prepend('<tr></tr>');
$('table tbody tr:nth-child(2) td').each(function(){
	$('table tbody tr:nth-child(1)').append('<td><input type="checkbox" class="checkbox" /></td>');
});

table, tr, th, td {
  border: 1px solid;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>

  <thead>
    <tr>
      <th>Col 1</th>
      <th>Col 2</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Test 1</td>
      <td>Test 2</td>
    </tr>
     <tr>
      <td>Test 1</td>
      <td>Test 2</td>
    </tr>
  </tbody>
</table>