jquery添加<thead>并添加<tbody>

Question

如何使用jquery 添加<thead>和<tbody>使用jquery？

问题是我的表有1或2行？

$('#myTable tr:has(th)').wrap('<thead></thead>');

---

<table id="myTable">

<tr><th>1</th><th>2</th><th>3</th><th>4</th></tr>
<tr><th>1</th><th>2</th><th>3</th><th>4</th></tr>

<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>



</table>

Answer 1

您需要做的是删除行并将它们附加到thead元素

var myTable = jQuery("#myTable");
var thead = myTable.find("thead");
var thRows =  myTable.find("tr:has(th)");

if (thead.length===0){  //if there is no thead element, add one.
    thead = jQuery("<thead></thead>").appendTo(myTable);    
}

var copy = thRows.clone(true).appendTo("thead");
thRows.remove();

的jsfiddle〔实施例

Answer 2

使用wrapAll而不是wrap

$('#myTable tr:has(th)').wrapAll('<thead></thead>');?
$("#myTable thead").prependTo("#myTable")