2010-12-07 51 views
2

全部更換TR標籤我有一個這樣的表:如何使用th標籤

<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> 

我如何可以替換個標籤的所有TR標籤THEAD標籤內,使用jQuery?

+0

對於仍然遇到這個問題的人來說,這是對「th」標籤的誤解。 ``是_cell_的標籤,*不是像``的標籤。 ``仍然包含``行;它應該被改爲'`標籤,即'``的行'​​`。 – JonBrave 2014-07-03 13:15:45

回答

6

獲取表html然後replace所有發生或tr(請參閱RegExp瞭解更多信息)與th。您可以設置<thead>有一個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> tr')更快嗎?

+0

謝謝你的回答。我在兩分鐘內查看了這個答案。 – mavera 2010-12-07 08:30:15