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

Как добавить новый tr в верхнюю часть таблицы, а не под другим 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>

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

источник

2009-03-25 Anonymous

$('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

источник

2009-03-25 21:01:08 James

Большое спасибо, это сработало отлично :) – 2009-03-25 21:08:09

Этот JS - это IE speci fic на данный момент, но не должно быть слишком сложно сделать его совместимым с несколькими браузерами.

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

источник

2009-03-25 21:12:59

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

ответ

Смежные вопросы