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