如何将tr附加到表格顶部答案

【问题标题】：How to append tr to top of table如何将tr附加到表格顶部
【发布时间】：2009-03-25 20:58:34
【问题描述】：

如何将新的 tr 附加到表格顶部而不是其他 tr 下。

例子：

<table width='100%'>
<tr><td>something</td><td>else here</td></tr>
<tr><td>something2</td><td>else here2</td></tr>
</table>

在 jQuery 中单击事件后，我该如何放置 <tr><td>something3</td><td>else here3</td></tr> 在表格的顶部，所以它现在看起来像

<table width='100%'>
<tr><td>something3</td><td>else here3</td></tr>
<tr><td>something</td><td>else here</td></tr>
<tr><td>something2</td><td>else here2</td></tr>
</table>

对此的任何帮助将不胜感激。

【问题讨论】：

标签： javascript jquery

【解决方案1】：

$('table').prepend('<tr><td>something3</td><td>else here3</td></tr>');

或者...

$('<tr><td>something3</td><td>else here3</td></tr>').prependTo('table');

有关“前置”的更多信息：http://docs.jquery.com/Manipulation/prepend

有关“prependTo”的更多信息：http://docs.jquery.com/Manipulation/prependTo

【讨论】：

【解决方案2】：

这个 JS 目前是特定于 IE 的，但是让它兼容多浏览器应该不会太难。

<html>
<body>
<script language="JavaScript">
function function1() {
   var myRow = document.all.myTable.insertRow(0);
   var myCell = myRow.insertCell();
   myCell.innerText = "The added cell"; 
} 
</script>
<table id="myTable" border="1" cellspacing="5" cellpadding="5">
   <tr>
       <td width="100">3</td>
       <td width="100">4</td>
   </tr>
   <tr>
       <td>1</td>
       <td>2</td>
   </tr>
</table>
<button onclick="function1();">Add a cell</button>
</body>
</html>

【讨论】：