2010-03-02 77 views
0

所以問題是,我想插入後另一行新行我的HTML 這裏是我的html插入行後另一行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> 

我的問題是我想要在tr之後插入一個新的行並添加標題。

+0

這看起來非常像功課,與冠軍和所有。是嗎? – 2010-03-02 22:54:03

+0

是的,我只需要幫助這個東西 – Zerobu 2010-03-02 22:58:04

回答

1

這樣的事情,但是你需要自己構建該行:

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

問題,如果我用jquery對象變量替換零,我似乎無法讓他們插入,任何想法如何? – Zerobu 2010-03-02 23:41:46

+0

@Zereobu - 如果你'$( 'TR:第一')後( '​​'+ VAR +'​​'+ VAR2 +'');'它應該工作,或者產生了''​​。然後分別追加整行是這樣的:'$(」 ').append($('​​ ')的.text(' 0 '))追加($('​​')的.text(0。 '))。appendTo('table');'用變量替換那些'0'。 – 2010-03-02 23:53:55

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