Javascript 在(';鼠标指针';)上(此)。在特定div中显示文本

Javascript 在(';鼠标指针';)上(此)。在特定div中显示文本,javascript,jquery,html,Javascript,Jquery,Html,我一直在尝试不同的方法来完成这件事,但没有一种有效。 基本上,我一直在尝试的是当我将鼠标悬停在“$this”(divOne,divTwo…)div上时,一个文本会在div“writeToMe”中弹出。已经尝试了几个小时,开始怀疑它的可能性,而不是进一步尝试。。。我想我会这么做的 我知道下面的jquery是胡说八道,只是试图解释我要做的事情 <div class="writeToMe"></div> //on hover, show text within writeTo

我一直在尝试不同的方法来完成这件事,但没有一种有效。 基本上,我一直在尝试的是当我将鼠标悬停在“$this”(divOne,divTwo…)div上时,一个文本会在div“writeToMe”中弹出。已经尝试了几个小时,开始怀疑它的可能性,而不是进一步尝试。。。我想我会这么做的

我知道下面的jquery是胡说八道,只是试图解释我要做的事情

<div class="writeToMe"></div>  //on hover, show text within writeToMe

    $(document).ready(function() {

$(document).on('mouseenter', "divOne", function(){
    $(writeToMe).text("Today I ate a banana")
    })
$(document).on('mouseenter', "divTwo", function(){
    $(writeToMe).text("I fell on the stairs when I woke up")
    })
$(document).on('mouseenter', "divThree", function(){
    $(writeToMe).text("I slept")
    })
$(document).on('mouseenter', "divFour", function(){
    $(writeToMe).text("Today I woke up")
    })
    });
//悬停时,显示WriteTime中的文本
$(文档).ready(函数(){
$(document).on('mouseenter','divOne',function(){
$(WriteTime).text(“今天我吃了一根香蕉”)
})
$(document).on('mouseenter','divTwo',function(){
$(WriteTime).text(“我醒来时摔倒在楼梯上”)
})
$(document).on('mouseenter','divThree',function(){
$(WriteTime).text(“我睡着了”)
})
$(document).on('mouseenter','divFour',function(){
$(WriteTime).text(“今天我醒了”)
})
});

这就是你想要的吗

$(“.writetime”).mouseenter(函数(){
var-txt=null;
开关(this.id){
“divOne”案:
txt=“今天我吃了一根香蕉”;
打破
案例“第二部分”:
txt=“我醒来时摔倒在楼梯上”;
打破
案件“第三分庭”:
txt=“我睡着了”;
打破
案例“第四分部”:
txt=“今天我醒来”;
打破
}
如果(txt)
$(this).text(txt);
});
.writetime{
边框:1px纯灰;
最小宽度:100px;
最小高度:20px;
}


你是说
$(“.writetime”)
不知道那是什么,谷歌现在不是我的朋友。它是一个jQuery选择器。。。使用CSS类选择器选择元素…?嗯,不知道。如果它完成了任务,那么是的。基本上,如果它“覆盖”了它写入的div中的前一个文本/值,那么这就是我要找的。