使用jquery将html表行插入特定位置

我有一个包含价格信息的HTML表格。 该表按价格升序排序。 我想用新的价格项更新表。 我很确定jquery应该能够解决这个问题。 这是我的起始表：

 
 
 Item 1 
 
 $256.07 
 
USD
 
 
 
 Item 2 
 
 $301.00 
 
USD
 
 
 
 Item 3 
 
 $305.57 
 
USD
 
  

我需要插入一个新行。

   Item 5   $290.00  USD  

需要在id为25607和id 30100之间插入此行。

我认为应该有一种方法来使用tr的id（只有数字的价格）。 可能对ID进行排序并找出应插入新项目的位置。

Answer 1

是的，jQuery能够解决这个问题。

 var row = 'Item 5$290.00USD'; var $tr = $(row); $('#priceTable tr') .add($tr) // add the new tr to the collection .sort(function(a, b){ // sort them return a.id > b.id }) .appendTo('#priceTable'); // end of the game 

http://jsfiddle.net/PTxjk/

Answer 2

你可以使用after()方法：

 $('#25607').after("...."); 

Answer 3

您可以在（）和before（）方法之后使用jQuery

jQuery after（）方法在选定的HTML元素之后插入内容。

jQuery before（）方法在选定的HTML元素之前插入内容。

 $('#25607').after("...."); 

要么

 $('#30100').before("....");