Javascript 使用JQuery动态重新定位元素

我试图使所选元素的对应项位于相关元素的顶部，但我希望确保“底部”元素位于所选元素的下方，而不是下方。如果你看这个例子，你就会明白我的意思

半工作代码示例：

$（'.wrapper-2'）。在（'click'，'class^=“unique”]'上，函数（e）{
所选变量=“#”+$（this.attr（'class'）；
$（'.wrapper-1>div'）。每个（函数（）{
$（this.css）({
“背景色”：“橙色”，
“位置”：“相对”
});
});
console.log（$（选中）.position（））；
$（选定）.css({
“背景色”：“蓝色”，
'位置'：'绝对'，
“顶部”：“0px”
});
});
.wrapper{
字体系列：Arial；
字体大小：12px；
颜色：#FFF；
}
.1-1{
位置：绝对位置；
顶部：0px；
}
.2.2{
保证金：0自动；
宽度：140px；
}
.1-1分区{
位置：相对位置；
宽度：120px；
高度：50px；
背景颜色：橙色；
利润率：10px；
}
.1-2分区{
位置：相对位置；
文本对齐：居中；
宽度：120px；
高度：50px；
背景颜色：灰色；
利润率：10px；
光标：指针；
}

一个
两个
三
四
- 1 -
- 2 -
- 3 -
- 4 -
一个简单的方法是在容器顶部添加填充，以填充列表中第一个元素可能占用的空间。其他人将像以前一样坐在它下面：


$（'.wrapper-2'）。在（'click'，'class^=“unique”]'上，函数（e）{
所选变量=$（'#'+$（this.attr（'class'））；
$（'.wrapper-1>div'）。每个（函数（）{
$（this.css）({
“背景色”：“橙色”，
“位置”：“相对”
});
});
console.log（selected.position（））；
选定的.css({
“背景色”：“蓝色”，
'位置'：'绝对'，
“顶部”：“0px”
});
//**这是新的比特
//
$（'.wrapper-1'）.css（'padding-top'，'60px'）；
});
.wrapper{
字体系列：Arial；
字体大小：12px；
颜色：#FFF；
}
.1-1{
位置：绝对位置；
顶部：0px；
}
.2.2{
保证金：0自动；
宽度：140px；
}
.1-1分区{
位置：相对位置；
宽度：120px；
高度：50px；
背景颜色：橙色；
利润率：10px；
}
.1-2分区{
位置：相对位置；
文本对齐：居中；
宽度：120px；
高度：50px；
背景颜色：灰色；
利润率：10px；
光标：指针；
}

一个
两个
三
四
- 1 -
- 2 -
- 3 -
- 4 -
啊，太好了，我不知道为什么我没有想到这个，哈哈