Извлечение определенного текста с помощью jquery

0 wolfsbane [2017-07-15 17:57:00]

Я хочу извлечь текст div на hover, но до сих пор я получаю текст всех 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();

Какие-либо предложения?

javascript jquery

Оригинал вопроса (на английском)

3 ответа

2 adeneo [2017-07-15 17:59:00]

Чтобы получить только первый 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>

Оригинал ответа (на английском)

0 Kamran Jabbar [2017-07-15 18:05:00]

Попробуйте этот код

$('.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>

Оригинал ответа (на английском)

0 Hassan Imam [2017-07-15 18:15:00]

Вы можете использовать приведенный ниже код, чтобы получить текст зависающего 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>

Оригинал ответа (на английском)