将鼠标悬停在图像上时向段落添加文本jQuery答案

【问题标题】：Add text to a paragraph when hover over an image jQuery将鼠标悬停在图像上时向段落添加文本jQuery
【发布时间】：2014-02-25 22:29:48
【问题描述】：

当我将鼠标悬停在页面上的某个图像上时，我正在尝试将文本添加到我的段落部分。我正在使用 jQuery 来执行此操作。这是我的代码：

`$(document).ready(function() { $('#鼠标悬停的图像').hover(function() { $( 这个 ).append("

要添加的文本

" ); } });'

新代码：

$('#drg5000').hover(function() {
$('p').prepend("text i want to add" );}
        , function() {
$('p:last').remove();
});

【问题讨论】：

【解决方案1】：

如果你遵循 hover() 的文档，你会发现它是一个两部分的函数，一个用于 mouseover，一个用于 mouseleave -

$( "#image" ).hover(function() {
    $( this ).append('<p>text</p>');
}, function() {
    $( this ).find('p:last').remove();
});

您缺少悬停的第二个功能。

【讨论】：

我想我可能遗漏了我需要用来代替#image 的内容...我的图像有一个 id (id="drg5000")。我是使用那个还是实际的图像 src (images/drg5000.gif)？
如果 id 是 drg5000 那么选择器是 $('#drg5000')
请记住，如果您将文本附加到图像中，您将不会在浏览器中看到该文本，但您可以在控制台或 DOM 检查器中看到它。
其实这就是我现在所拥有的。当鼠标悬停时，不要尝试向图像添加任何内容，而是向“段落”添加任何内容，然后删除文本。 { $('#drg5000').hover(function() { $('p').prepend("sdffffffffffffff" );} , function() { $('p:last').remove(); }) ; });
好的 - 这不起作用吗？此外，如果您要发布代码，请将其作为编辑放在原始帖子中，而不是在 cmets 中。