Comment ajouter tr au début du tableau

Comment puis-je ajouter un nouveau tr en haut de la table au lieu de sous tr.Comment ajouter tr au début du tableau

Exemple:

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

Après un événement click dans jQuery, comment puis-je placer <tr><td>something3</td><td>else here3</td></tr> en haut de la table il ressemble maintenant

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

Toute aide sur ce serait être grandement apprécié.

Source

2009-03-25 Anonymous

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

ou ...

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

Plus d'info sur 'PREPEND': http://docs.jquery.com/Manipulation/prepend

Plus d'info sur 'Préfixepour': http://docs.jquery.com/Manipulation/prependTo

Source

2009-03-25 21:01:08 James

Merci beaucoup, cela a bien fonctionné :) –

Cette JS est IE speci fic en ce moment, mais il ne devrait pas être trop difficile de le rendre compatible avec plusieurs navigateurs.

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

Source

2009-03-25 21:12:59

Comment ajouter tr au début du tableau

Répondre

Questions connexes