插入行后另一行jQuery的

问题描述:

所以问题是,我想插入后另一行新行我的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

这样的事情,但是你需要自己构建该行:

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

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