使用jquery提取特定文本

Question

我想提取懸停的div的文本，但到目前爲止，我得到的所有div的文本。

<div id='parent'> 
    <div class='a'>a</div> 
    <div class='a'>b</div> 
    <div class='a'>c</div> 
    <div class='a'>d</div> 
    <div class='a'>e</div> 
</div> 

我嘗試使用以下命令：

$('.a').on('hover').text(); 

有什麼建議？

Answer 1

只得到了第一個div，目標a:first然後使用this

$('.a').on('mouseenter', function() { 
 
    console.log($(this).text()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id='parent'> 
 
    <div class='a'>a</div> 
 
    <div class='a'>b</div> 
 
    <div class='a'>c</div> 
 
    <div class='a'>d</div> 
 
    <div class='a'>e</div> 
 
</div>

Answer 2

試試這個代碼

$('.a:first').on('mouseenter', function() { 
 
    alert($(this).text()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id='parent'> 
 
    <div class='a'>a</div> 
 
    <div class='a'>b</div> 
 
    <div class='a'>c</div> 
 
    <div class='a'>d</div> 
 
    <div class='a'>e</div> 
 
</div>

獲取元素的文本

Answer 3

您可以使用下面的代碼來獲取hovered div的文本。

$('.a').on('mouseenter', function() { 
 
    console.log($(this).text()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id='parent'> 
 
    <div class='a'>a</div> 
 
    <div class='a'>b</div> 
 
    <div class='a'>c</div> 
 
    <div class='a'>d</div> 
 
    <div class='a'>e</div> 
 
</div>