Javascript 悬停时显示现有div

我想增强一下我的论坛软件。假设我有一个ID为123的div

现在有人回复这个div并引用它。如果有人悬停在报价上，我想显示这个div

到目前为止我试过了，但没有成功

$(".referal").hover(function() {
    var id_post = $(this).attr('id')
    $('#reply_' + id_post).show();
});

它得到了正确的ID，但只有在我将其粘贴到控制台时才会执行。现有div也不会在报价附近再次显示

不知何故，我是不是弄错了这场演出？我以前尝试过.clone，但也没有成功。

编辑：

$(".referal").hover(function() {
    var id_post = $(this).attr('id')
    $('#reply_' + id_post).show();
});

将邮政编码作为全局id处理：

var id_post;
$(".referal").hover(function() {
    id_post = $(this).attr('id')
    $('#reply_' + id_post).show();    
});

$(".referal").on("mouseout",function() {
    $('#reply_'+id_post).hide();
});

JSFIDLE

这是您想要做的工作示例：

$('#reply_5').hide();
$(".referal").hover(function() {
    var id_post = $(this).attr('id')
    $('#reply_' + id_post).show();
});

$(".referal").on("mouseout",function() {
    $('#reply_5').hide();
});

试试这段代码

$(".referal").hover(function() {
  var id_post = $(this).attr('id')
  $('#reply_'+ id_post +'').show();
});

---

为什么不使用

切换类

$（.refereal”）.on（“mouseenter mouseleave”，函数（事件）{
var id_post=$（this.attr（'id'）；
$（'#reply'+id_post）.toggleClass（“活动”）；
});
.test{
显示：无；
}
.test.active{
显示：块；
}

这个部门的ID是123
这个div有ID reply_123
这很好，除了mouseout只处理#reply_5，而不处理任何可能的回复。应该有一个名为repries的类，它在mouseout上隐藏所有的回复，你是绝对正确的。这只是隐藏了那个特定的回复，例如，我们可以在悬停时保存id_post，如果我们真的需要的话，在mouseout上使用相同的值。我喜欢这个答案，最后确定它：我想你可以使用
'$（'div[id^=“reply_”]）.hide（）
。。但是没有经过测试。。这应该隐藏所有id前缀为
reply\uu
的div。。编辑：Tested Working这是一个很好的保护调用，但是如果你足够小心，你就不需要这样做了。没有必要在结尾处进行修改。。你测试过这个吗？