2010-03-02 7 views
0

de sorte que le problème est que je veux insérer une nouvelle ligne après une autre ligne dans mon html ici est mon htmlInsertion d'une ligne après une autre ligne dans jquery

<html> 
    <head> 
    <title>JQuery Problem 2</title> 
    <script type="text/javascript" src="jquery-1.4.min.js"></script> 
    <script type="text/javascript" src="problem2.js"></script> 
    </head> 
    <body> 
    <div id="game"> 
     <form onsubmit="return false"> 
     <p> 
      Guess: 
      <input type="text"/> 
      <input type="submit" value="Go"/> 
     </p> 
     <p> 
      <strong>Number of guesses:</strong> 
      <span>0</span> 
     </p> 
     <p> 
      <strong>Last guess:</strong> 
      <span>None</span> 
     </p> 
     <table border="1" cellpadding="4" cellspacing="1" style="width: 400px"> 
      <tr> 
      <th>Guess</th> 
      <th>Result</th> 
      </tr> 
     </table> 
     </form> 
    </div> 
    </body> 

Ma question est moi vouloir insérer une nouvelle ligne après le tr avec les en-têtes.

+0

Cela ressemble drôlement comme les devoirs, avec le titre et tout. Est-ce? –

+0

Oui, j'ai juste besoin d'aide pour cette chose – Zerobu

Répondre

1

Quelque chose comme ça, mais vous devez construire la ligne vous-même:

$(function(){ 
    $('tr:first').after('<tr><td>0</td><td>0</td></tr>'); 
}); 
+0

Question, si je devais remplacer le zéro par des variables d'objet jquery, je n'arrive pas à les interpoler, des idées comment? – Zerobu

+0

@Zereobu - Si vous faites '$ ('tr: first') après (' '+ var +' '+ var2 +'');' il devrait fonctionner alternativement générer le '' . séparément, puis ajouter toute la ligne comme ceci: '$ (» ') .append ($ (' ') .text (' 0 ')) append ($ (' ') .text (' 0. ')). appendTo (' table '); 'remplacer ces' '0' 'par des variables. –

0
$('#game table').append ($('<tr><td>col 1</td><td>col 2</td></tr>)); 
Questions connexes