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

试试此代码

helper

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

Answer 3

您可以使用以下代码获取悬停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>

使用jquery提取特定文本

3 个答案: