组变量中的行

我有以下格式的客户数据:

... 
HEAD 1 HEAD 2 HEAD 3
Grp1 data Grp1 data Grp1 data
Grp1 data Grp1 data Grp1 data
Grp1 data Grp1 data Grp1 data
Grp2 data Grp2 data Grp2 data
Grp2 data Grp2 data Grp2 data
Grp2 data Grp2 data Grp2 data
Grp3 data Grp3 data Grp3 data
Grp3 data Grp3 data Grp3 data
Grp3 data Grp3 data Grp3 data

并且必须根据某些条件上下移动行。 这是我的js代码:

 if(val == valX){ $("#Grp2").after($("#Grp1"))// This will hold only one tr. // move all Grp1 data rows and set after Grp2 data } if(val == valy){ // move all Grp2 data rows on the top of all the rows } if(val == valz){ // move all Grp3 data rows on the top of all the rows }... 

因为我的问题是:

  • 如何向上或向下移动所有三行OR
  • 如何在一个变量中得到3行combined = $("#Grp1") + $("#Grp1").next() + $("#Grp1").next();combined = $("#Grp1") + $("#Grp1").next() + $("#Grp1").next();

注意 – 由于Html结构也用于其他目的。 因为我不能改变HTML中的任何结构

您可以使用.add向jQuery集合添加元素:

 var combined = $("#Grp1").add($("#Grp1").nextUntil("#Grp2")); 

.addBack相同的方法是:

 var combined = $("#Grp1").nextUntil("#Grp2").addBack();