如何使用JavaScript将tr移入tbody？

Question

我有桌子

<table id="table1">
  <tr class="fixedHeader">
    <td>Head1</td>
    <td>Head2</td>
    <td>Head3</td>
    <td>Head4</td>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
  </tr>
  <tr>
    <td>2</td>
    <td>3</td>
    <td>5</td>
    <td>6</td>
  </tr>
</table>

除具有fixedheader类的tr外，我需要将tr移至tbody 。 我只需要在javascript或jquery中执行此操作。

任何帮助的人

Answer 1

实际上，浏览器会为您执行此操作：将thead ， tfooter或tbody中没有的所有<tr>都包装到tbody 。 因此，您需要做的是：

var $thead = $('<thead>').append($("tr.fixedHeader")).prependTo($('#table1'));

Answer 2

使用classList.contains通过javascript检查类是否存在

<script>
var table = document.getElementById('table1');    
var tbd = document.getElementsByTagName("tbody")[0];  
var thead = document.createElement("thead");
table.appendChild(thead);
for(var i=0;i<table.rows.length;i++) {
var trs = table.getElementsByTagName("tr")[i];    
var tr_class = trs.classList.contains("fixedHeader"); //return true when class exit if not return false
if(!tr_class){           
    tbd.appendChild(trs);
}
else{
    thead.appendChild(trs);
}
}       
</script>