jquery - jquery，在 p 中的 a 悬停文本上显示

Question

对不起，愚蠢的问题，但我在 jquery 中非常初学者。我的代码如下所示：

<ul>
    <li><a href="#"></a>Link 1</li>
    <li><a href="#"></a>Link 2</li>
    <li><a href="#"></a>Link 3</li>
</ul>

<p></p>

$("a").hover(function(){
    var ind = $(this).val();
    $("p").text(ind)
});

我想在我的段落中显示悬停文本。可能是它的一大段废话。请帮帮我...

Answer 1

使用.text()而不是.val()

你也有文字里面li，你可以把它放在里面

<ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
</ul>

JS：

$("a").hover(function(){
    var ind = $(this).text();
    $("p").text(ind)
});

演示-----> http://jsfiddle.net/yKkzS/5/

Answer 2

您必须将li文本放在锚标签内，请参阅演示

<ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
</ul>

您的 jquery 代码应如下所示：

$("a").hover(function(){
    $("p").text($(this).text());
});

希望这可以帮助。

Answer 3

使用.text()而不是.val().

$("a").hover(function(){
    var ind = $(this).text();
    $("p").text(ind)
});

并修复您的标记以在锚点内包含文本。

<ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
</ul>

小提琴

来自文档

.val() 方法主要用于获取输入、选择和文本区域等表单元素的值。在元素的情况下， .val() 方法返回一个包含每个选定选项的数组；如果未选择任何选项，则返回 null。

Answer 4

另外两个答案是正确的。只是想指出您的 html 应该如下所示：

<ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
</ul>

<p></p>

请注意，<a>标签现在包裹了文本。