Как добавить tr в начало таблицы - PullRequest
Новая
       6

Как добавить tr в начало таблицы

4 голосов
/ 25 марта 2009

как я могу добавить новый 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>

Любая помощь по этому вопросу будет принята с благодарностью.

Ответы [ 2 ]

8 голосов
/ 26 марта 2009 
$('table').prepend('<tr><td>something3</td><td>else here3</td></tr>');

или ... 

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

Больше информации о 'prepend': http://docs.jquery.com/Manipulation/prepend

Дополнительная информация о prependTo: http://docs.jquery.com/Manipulation/prependTo

0 голосов
/ 26 марта 2009

Этот 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...