Javascript 在输入字段上鼠标悬停显示工具提示

当我们悬停在任何星星上时，我都在做评级星星我想显示工具提示目前为止我试着喜欢这个jquery中有一个问题我无法确定正确的类名我不知道如何编写该类。我使用了输入类型无线电和标签，我将如何在jquery中加载这些属性。任何人都可以建议我实现这些功能

先谢谢你

$（文档）.ready（函数（）{
$（'mouseenter'，showBox）上的输入[name=rating]”）；
$（“输入[名称=评级]”）。在（'mouseleave'，hideBox）上；
功能展示箱（e）{
var x=e.pageX-80；
变量y=e.pageY+20；
$（“#工具提示_块”）.fadeIn（）；
$（“#工具提示_块”）.offset（{left:x，top:y}）；
}
函数hideBox（）{
$（“#工具提示_块”）.fadeOut（）；
}
});
.rating\u小部件{
显示器：flex；
证明内容：中心；
边缘顶部：25px；
}
.评级{
边界：无；
浮动：左；
}
.评级>输入{
显示：无；
}
.评级>标签：之前{
保证金：5px；
字体大小：24px；
字体系列：Fontsome；
显示：内联块；
内容：“\f005”；
}
.rating>.half:之前{
内容：“\f089”；
位置：绝对位置；
}
.评级>标签{
颜色：#ddd；
浮动：对；
}
.评级>输入：选中~标签，
.额定值：未（：已检查），
.额定值：未（：选中）{
颜色：#FFD700；
}
.评级>输入：选中，
.评级>输入：选中，
.评级>输入：选中~标签，
.评级>输入：选中~标签{
颜色：#FFED85；
}
#工具提示\u块{
显示：无；
位置：绝对位置；
z指数：1；
颜色：#ffffff；
背景色：#000；
}

5颗星中的4.2颗星
您的问题在于输入字段不是您实际悬停的字段，而是标签

这应该行得通（请注意，我还将fadeIn（）/fadeOut（）替换为show（）/hide（），因为鼠标移动会将淡入淡入淡出的动画排成一列，如果您在星星周围移动鼠标，则会使淡入淡出的动画闪烁）


$（文档）.ready（函数（）{
$（“标签”）。悬停（展示箱、隐藏盒）；
功能展示箱（e）{
var x=e.pageX-80；
变量y=e.pageY+20；
$（'#tooltip_block.rating_value'）.html（$（'#'+$（this.attr（'for'））.val（））；
$（“#工具提示_块”）.show（）；
$（“#工具提示_块”）.offset（{left:x，top:y}）；
}
函数hideBox（）{
$（“#工具提示_块”）.hide（）；
}
});
.rating\u小部件{
显示器：flex；
证明内容：中心；
边缘顶部：25px；
}
.评级{
边界：无；
浮动：左；
}
.rating>输入{显示：无；}
.rating>标签：在{
字体大小：24px；
字体系列：Fontsome；
显示：内联块；
内容：“\f005”；
}
.rating>.half:在{
内容：“\f089”；
位置：绝对位置；
左边距：10px；
}
.rating>标签{
颜色：#ddd；
浮动：对；
左边距：10px；
}
.评级>输入：选中~标签，
.额定值：未（：已检查），
.额定值：未（：选中）{颜色：#FFD700；}
.评级>输入：选中，
.评级>输入：选中，
.评级>输入：选中~标签，
.rating>输入：选中~标签{
颜色：#FFED85；
} 
#工具提示\u块{
显示：无；
位置：绝对位置；
z指数：1；
颜色：#ffffff；
背景色：#000；
}

五颗星中的一颗星
< /代码>悬停，我得到了价值，我不希望<代码>值>代码>如何移动。当我在星星中间徘徊时，也得到工具提示，但我希望在星图工具提示上准确地悬停。@ HuSnAI我添加了关于哪些行将值添加到你的悬停箱中的信息，至于它们的位置，它仍然使用你的样式/位置。代码-你想让他们出现在被悬停的星星下面？谢谢你能告诉星星中间的悬停也得到工具提示。