如何用th标签替换所有tr标签

时间:2010-12-07 08:17:59

标签: jquery regex html-table

我有一张这样的表:

<thead>    
    <tr class="row-2"><tr>
    <tr class="row-3">..<tr>
    <tr class="row-4">..<tr>
    <tr class="row-5">..<tr>
    <tr class="row-6">..<tr>
    <tr class="row-7"><tr>
    <tr class="row-8">..<tr>
    <tr class="row-9">..<tr>
    <tr class="row-10">..<tr>
    <tr class="row-11">..<tr>
</thead>

如何使用jQuery?

将所有tr标签替换为thead标签内的th标签

1 个答案:

答案 0 :(得分:6)

获取表格html然后replace所有出现或tr(有关详细信息,请参阅RegExp)。你可以设置&lt; thead&gt;拥有一个id并访问它。

$('#tableId').html($('#tableId').html().replace(/tr/gi, 'th'));

这会将整个表格中的所有tr改为th。

修改 为了获得更好的性能,感谢jAndy。

$('#mytable').find('tr').each(function() {
    var $this = $(this);
    $this.replaceWith('<th class="' + this.className + '">' + $this.text() + '</th>');
});

.find()比$('#mytable&gt; tr')快吗?