jquery，在悬停时显示p中的

很抱歉问了个愚蠢的问题，但我在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)
});

<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>

链接1
链接2
链接3


$（“a”）.hover（函数（）{
var ind=$（this.val（）；
$（“p”）.text（ind）
});

我想在我的段落中的悬停文本上显示。可能是一大段垃圾代码。请帮帮我…

使用

.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>

演示

----->

使用

.text（）

而不是

.val（）

并修复标记，使其包含锚定中的文本

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

来自

.val（）方法主要用于获取表单元素的值，如input、select和textarea。对于元素，.val（）方法返回一个包含每个选定选项的数组；如果未选择任何选项，则返回null

---

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

<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)
});

<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>

---

请注意，

标记现在包装文本。

您必须将

li

文本放在锚定标记内，请参阅

---

希望这能有所帮助。

是的，对不起，这是我的错误。val/text问题已解决！非常感谢@PawełGrzybek不客气。有关val（）不起作用的原因，请参阅我的答案更新。

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

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