Javascript jquery更改图像上的文本悬停多个更改_Javascript_Jquery

Javascript jquery更改图像上的文本悬停多个更改

javascript jquery

Javascript jquery更改图像上的文本悬停多个更改,javascript,jquery,Javascript,Jquery,我试图根据用户悬停在哪个图像上来更改文本。我已经对它进行了排序，但现在我正努力让文本返回到默认内容。在您悬停时，文本将更改为所需文本，但悬停后，文本将消失？有人能告诉我我做错了什么吗我的html <body> <div id="container"> <img id="one" src="#" /> <li><img id="two" src="#" /></li> <h2>Some Text&l

我试图根据用户悬停在哪个图像上来更改文本。我已经对它进行了排序，但现在我正努力让文本返回到默认内容。在您悬停时，文本将更改为所需文本，但悬停后，文本将消失？有人能告诉我我做错了什么吗

我的html

     <body>
<div id="container">
<img id="one" src="#" />
<li><img  id="two"  src="#" /></li>
<h2>Some Text</h2>
</div>
    </body>

JSFIDLE。。。

试试这个：

$（'h2'）。文本（''这是在鼠标移出事件后清除文本。您可以将原始文本存储在某个变量中，并在鼠标悬停时进行设置
 $(document).ready(function() {
    //store original text
    var text=$('h2').text();
    $('#one').hover(function() {
       $('h2').text('one');
     },function(){
       //set original text
       $('h2').text(text);
 });
    $('#two').hover(function() {
       $('h2').text('two'); 
    },function(){
       //set original text
       $('h2').text(text);        
    });
});


EDIT-因为OP可以使用逗号分隔的jquery选择器来减少脚本，因为这两个（#one和#two）对于hover
事件具有相同的代码。使用下面的代码
$(document).ready(function() {
    var text=$('h2').text();
    //comma seperated list of selector
    $('#one,#two').hover(function() {
       $('h2').text($(this).attr('id'));
     },function(){
       $('h2').text(text);
 });
});

，function（）{$（'h2'）。text（“”）；here.text（“”）正在删除文本。当您传递单引号时，它表示blankyes。在回调中悬停后，您将h2设为空，以便文本消失…我不明白您为什么编写回调。。
$(document).ready(function() {
    var text=$('h2').text();
    //comma seperated list of selector
    $('#one,#two').hover(function() {
       $('h2').text($(this).attr('id'));
     },function(){
       $('h2').text(text);
 });
});