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

他の2つの答えは正しいです。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>タグがテキストを折り返すことに注意してください。

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

お役に立てれば。