Javascript 多重div'；在相同的功能上悬停

这里我有六个不同的div悬停蓝色div应该出现，默认情况下隐藏。我已经为此编写了代码，但它只适用于第一个div，我将所有div合并到一个变量中。有人能告诉我这里缺少什么吗

var tcpTooltip=$（'.tp-cont-tech，tp-cont-b，tp-cont-m，tp-cont-t，tp-cont-i，tp-cont-e'）；
var tcpTooltipDiv=$（'.tpc-tooltip-tech，tpc-tooltip-b，tpc-tooltip-m，tpc-tooltip-t，tpc-tooltip-i，tpc-tooltip-e'）；
tcpTooltipDiv.hide（）；
$（tcpTooltip）.each（函数（）{
$（tcpTooltip）.hover（函数（）{
$（tcpTooltipDiv.show（）；
}，函数（）{
$（tcpTooltipDiv.hide（）；
});
});
/*工具提示*/
.tp cont tech，
.tp-cont-e，
.tp-cont-t，
.tp-cont-m，
.tp-cont-i，
.tp-cont-b{
位置：相对位置；
宽度：200px；
高度：200px；
背景色：红色；
边缘底部：20px；
}
.tpc工具提示技术，
.tpc-tooltip-e，
.tpc-tooltip-t，
.tpc-tooltip-m，
.tpc-tooltip-i，
.tpc-tooltip-b{
位置：绝对位置；
最高：2%；
左：5%；
z指数：10；
宽度：100px；
高度：100px；
背景颜色：蓝色；
}
使用CSS可以更有效地实现这一点。如果向
tp-cont-X
和
tpc-tooltip-X
元素添加一些公共类，则可以使用
：hover
伪选择器，如下所示：


.tp cont{
位置：相对位置；
宽度：200px；
高度：200px；
背景色：红色；
边缘底部：20px；
}
.tpc工具提示{
位置：绝对位置；
最高：2%；
左：5%；
z指数：10；
宽度：100px；
高度：100px；
背景颜色：蓝色；
显示：无；
}
.tp cont:hover.tpc工具提示{
显示：块；
}
使用CSS可以更有效地实现这一点。如果向
tp-cont-X
和
tpc-tooltip-X
元素添加一些公共类，则可以使用
：hover
伪选择器，如下所示：


.tp cont{
位置：相对位置；
宽度：200px；
高度：200px；
背景色：红色；
边缘底部：20px；
}
.tpc工具提示{
位置：绝对位置；
最高：2%；
左：5%；
z指数：10；
宽度：100px；
高度：100px；
背景颜色：蓝色；
显示：无；
}
.tp cont:hover.tpc工具提示{
显示：块；
}
正如前面所建议的，我会使用纯CSS和
：hover
pseudo。

如果出于某种原因确实需要jQuery，这将是代码的翻版

基本上（除了向元素中添加公共类[参见下面的代码]），您需要当前悬停元素的
$（此）
引用：


var$tpCont=$（'.tp cont'）；
var$tcpTooltip=$（'.tcp工具提示'）；
$tcpTooltip.hide（）；
$tpCont.hover（函数（）{
$（this.find（$tcpTooltip）.toggle（）；
});
.tp cont{
位置：相对位置；
宽度：200px；
高度：200px；
背景色：红色；
边缘底部：20px；
}
.tcp工具提示{
位置：绝对位置；
最高：2%；
左：5%；
z指数：10；
宽度：100px；
高度：100px；
背景颜色：蓝色；
}
正如前面所建议的，我会使用纯CSS和
：hover
pseudo。

如果出于某种原因确实需要jQuery，这将是代码的翻版

基本上（除了向元素中添加公共类[参见下面的代码]），您需要当前悬停元素的
$（此）
引用：


var$tpCont=$（'.tp cont'）；
var$tcpTooltip=$（'.tcp工具提示'）；
$tcpTooltip.hide（）；
$tpCont.hover（函数（）{
$（this.find（$tcpTooltip）.toggle（）；
});
.tp cont{
位置：相对位置；
宽度：200px；
高度：200px；
背景色：红色；
边缘底部：20px；
}
.tcp工具提示{
位置：绝对位置；
最高：2%；
左：5%；
z指数：10；
宽度：100px；
高度：100px；
背景颜色：蓝色；
}
尝试使用
索引
内悬停


var tcpTooltip=$（'.tp-cont-tech、.tp-cont-b、.tp-cont-m、.tp-cont-t、.tp-cont-i、.tp-cont-e'）；
var tcpTooltipDiv=$（'.tpc-tooltip-tech、.tpc-tooltip-b、.tpc-tooltip-m、.tpc-tooltip-t、.tpc-tooltip-i、.tpc-tooltip-e'）；
tcpTooltipDiv.hide（）；
$（tcpTooltip）.each（函数（）{
$（tcpTooltip）.hover（函数（索引，项）{
$（tcpTooltipDiv）.eq（$（this.index（））.show（）；
}，函数（）{
$（tcpTooltipDiv.hide（）；
});
});
/*工具提示*/
.tp cont tech，
.tp-cont-e，
.tp-cont-t，
.tp-cont-m，
.tp-cont-i，
.tp-cont-b{
位置：相对位置；
宽度：200px；
高度：200px；
背景色：红色；
边缘底部：20px；
}
.tpc工具提示技术，
.tpc-tooltip-e，
.tpc-tooltip-t，
.tpc-tooltip-m，
.tpc-tooltip-i，
.tpc-tooltip-b{
位置：绝对位置；
最高：2%；
左：5%；
z指数：10；
宽度：100px；
高度：100px；
背景颜色：蓝色；
}
尝试使用
索引
内悬停


var tcpTooltip=$（'.tp-cont-tech、.tp-cont-b、.tp-cont-m、.tp-cont-t、.tp-cont-i、.tp-cont-e'）；
var tcpTooltipDiv=$（'.tpc-tooltip-tech、.tpc-tooltip-b、.tpc-tooltip-m、.tpc-tooltip-t、.tpc-tooltip-i、.tpc-tooltip-e'）；
tcpTooltipDiv.hide（）；
$（tcpTooltip）.each（函数（）{
$（tcpTooltip）.hover（函数（索引，项）{
$（tcpTooltipDiv）.eq（$（this.index（））.show（）；
}，函数（）{
$（tcpTooltipDiv.hide（）；
});
});
/*工具提示*/
.tp cont tech，
.tp-cont-e，
.tp-cont-t，
.tp-cont-m，
.tp-cont-i，
.tp-cont-b{
位置：相对位置；
宽度：200px；
高度：200px；
背景色：红色；
边缘底部：20px；
}
.tpc工具提示技术，
.tpc-tooltip-e，
.tpc-tooltip-t，
.tpc-tooltip-m，
.tpc-tooltip-i，
.tpc-tooltip-b{
位置：绝对位置；
最高：2%；
左：5%；
z指数：10；
宽度