Question

所以问题是，我想在我的html中的另一行之后插入一个新行这是我的HTML

<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之后插入一个新行。

Answer 1

这样的东西，但你需要自己构建一行：

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

Answer 2

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

在jquery中的另一行之后插入一行

2 个答案: