如何在使用jquery的id之後附加html到表格？

Question

我有一個有幾行的html表。現在我想追加一個新的行，即tr。我正在爲此生成一個html。

html = "<tr><td>some html</td></tr>"; 

然後我使用下面的代碼將這個html附加到表。

jQuery("#matchTable > tbody:last").append(html); 

這是追加到表後最後一個tr。我想在給定的id之後，即在行之間追加特定的tr。

請幫忙!!!!

Answer 1

您需要使用.after()

jQuery("#matchTable > tbody:last").after(html); 

演示：Fiddle

更新

<table id="matchTable"> 
    <tbody> 
     <tr id="i1"> 
      <td>1</td> 
     </tr> 
     <tr id="i2"> 
      <td>2</td> 
     </tr> 
     <tr id="i3"> 
      <td>3</td> 
     </tr> 
    </tbody> 
</table> 

然後

var html = "<tr><td>some html</td></tr>"; 
jQuery("#i2").after(html); 

演示：Fiddle