Javascript jQuery parent.sibling逻辑

我试图点击一个项目，并让该项目跳转到下一列。到目前为止，当我单击该项时，该项会溢出到其他每一列

这是代码

我试图只让项目移动到下一列，然后再移动到下一列

“严格使用”；
$（文件）.ready（初始化）；
函数init（）{
$（“#groupOne”）。在（'click'，'item'，clickHolder）上；
$（“#groupOne”）。在（'click'，'item'，clickCup）上；
}
功能clickHolder（事件）{
$（'.selected'）。附加到（$（this））；
$（'.selected'）.removeClass（'.selected'）；
}
函数clickCup（）{
var$this=$（this）；
$this.addClass（'.selected'）；
var$sibling=$this.parents（）.sibles（）；
var$detached=$this.detache（）；
$sibling.append（$detached）；
}

添加
项目
价格
香蕉
14.99
苹果
5.99
西红柿
8.99

我这样修复了它。不确定你想要什么，但这可能是线索

$（“.item”）。单击（函数（）{
$（this）.parents（“表”）.append（$（this））；
});

添加
项目
价格
香蕉
14.99
苹果
5.99
西红柿
8.99
以下是在单击项目行时向上/向下移动项目行的代码


“严格使用”；
$（文件）.ready（初始化）；
函数init（）{
$（“#groupOne”）。在（'click'，'item'，clickCup）上；
}
函数clickCup（）{
//使用此选项向下移动行
$（this.insertAfter（$（this.next（））；
//使用此选项向下移动行
//$（this.insertBefore（$（this.prev（））；
}

添加
项目
价格
香蕉
14.99
苹果
5.99
西红柿
8.99
您想做什么？您正在向同一个dom对象提交两个事件