Javascript 选择第一个图元时，工具提示不显示第一个图元的左侧

在我下面的代码中，我给出了一个到目前为止的示例。我正在使用

$（'.recommended_slot:first'）

查找要将工具提示附加到的元素，但是在附加时，它会显示在第一个建议的插槽的下一个元素旁边

如果有人对如何做得更好或者为什么会搞砸有什么建议的话。那么，如果能听到任何建议，那就太好了。谢谢：）

$（文档）.ready（函数（）{
addPopOverEvery（2'。插槽：未（.alreadyBooked'）；
findBestRecommendedSlot（）；
});
函数addPopOververy（n，选择器）{
$（选择器）。每个（函数（）{
var$original=$（此），
$self=$（这个），
$is_pop=true，
i=0；
if（$original.prev（）.is（选择器））{
对于（i=1；i

.popOver{
宽度：400px；
高度：30px；
背景：绿色；
位置：绝对位置；
z指数：999；
左边距：120像素；
不透明度：0.5；
颜色：白色！重要；
}
.工具文字{
宽度：120px；
背景色：黑色；
颜色：#fff；
文本对齐：居中；
边界半径：6px；
填充：5px0；
右边距：330px；
z指数：1；
显示：内联块；
浮动：对；
边缘顶部：5px；
边缘底部：-5px；
}
.tooltiptext:：之后{
内容：“；
位置：绝对位置；
左边距：-112px；
页边顶部：-5px；
边框宽度：5px；
边框样式：实心；
边框颜色：透明黑色透明；
}

2016年8月18日15:10
2016年8月18日15:15
2016年8月18日15:20
2016年8月18日15:25
2016年8月18日15:30
2016年8月18日15:35

它实际上被放在了正确的位置，只有你的CSS把它弄乱了……）

$（文档）.ready（函数（）{
addPopOverEvery（2'。插槽：未（.alreadyBooked'）；
findBestRecommendedSlot（）；
});
函数addPopOververy（n，选择器）{
$（选择器）。每个（函数（）{
var$original=$（此），
$self=$（这个），
$is_pop=true，
i=0；
if（$original.prev（）.is（选择器））{
对于（i=1；i

.popOver{
宽度：400px；
高度：30px；
背景：绿色；
位置：绝对位置；
z指数：999；
左边距：120像素；
不透明度：0.5；
颜色：白色！重要；
}
.工具文字{
宽度：120px；
背景色：黑色；
颜色：#fff；
文本对齐：居中；
垂直对齐：中间对齐；
边界半径：6px；
填充：5px0；
左边距：10px；
z指数：1；
显示：内联块；
}
.tooltiptext:：之后{
内容：“；
位置：绝对位置；
左边距：-115px；
页边顶部：-5px；
边框宽度：5px；
边框样式：实心；
边框颜色：透明黑色透明；
}

2016年8月18日15:10
2016年8月18日15:15
2016年8月18日15:20
2016年8月18日15:25
2016年8月18日15:30
2016年8月18日15:35

它实际上被放在了正确的位置，只有你的CSS把它弄乱了……）

$（文档）.ready（函数（）{
addPopOverEvery（2'。插槽：未（.alreadyBooked'）；
findBestRecommendedSlot（）；
});
函数addPopOververy（n，选择器）{
$（选择器）。每个（函数（）{
var$original=$（此），
$self=$（这个），
$is_pop=true，
i=0；
if（$original.prev（）.is（选择器））{
对于（i=1；i

.popOver{
宽度：400px；
高度：30px；
背景：绿色；
位置：绝对位置；
z指数：999；
左边距：120像素；
不透明度：0.5；
颜色：白色！重要；
}
.工具文字{
宽度：120px；
背景色：黑色；
颜色：#fff；
文本对齐：居中；
垂直对齐：中间对齐；
边界半径：6px；
填充：5px0；
左边距：10px；
z指数：1；
显示：内联块；
}
.tooltiptext:：之后{
内容：“；
位置：绝对位置；
左边距：-115px；
页边顶部：-5px；
边框宽度：5px；
边框样式：实心；
边框颜色：透明黑色透明；
}

15