Получить текст внутри элемента, используя JavaScript

Question

Я пытаюсь получить текстовое содержимое внутри div, используя jquery. Но он возвращает «неопределенный». Пожалуйста, кто-нибудь, скажите мне, что я делаю здесь неправильно. это мой код.

<a><div class="exc_text">Some text here</div></a>


$(document).on('click','.exc_text',function(){
    var text = $(this).textContent;
    console.log(text);
});

Answer 1

Просто используйте .text ()

<a><div class="exc_text">Some text here</div></a>


$(document).on('click','.exc_text', function(){
    var text = $(this).text();
    console.log(text);
});

Answer 2

Вы должны использовать .text() вместо .textContent

<a><div class="exc_text">Some text here</div></a>

$(document).on('click','.exc_text',function(){
    var text = $(this).text();
    console.log(text);
});

Answer 3

textContent - это свойство нативных элементов, а не объектов jQuery. $(this) оборачивает this (который является собственным элементом DOM) в объект jQuery.

Либо придерживайтесь родного API DOM (и используйте textContent) - вот что я бы порекомендовал:

document.addEventListener('click', (e) => {
  if (e.target.classList.contains('exc_text') {
    console.log(e.target.textContent);
  }
})

Или придерживайтесь jQuery, если вам нужно (и используйте .text()):

$(document).on('click', '.exc_text', function(){
    var text = $(this).text();
    console.log(text);
});

Answer 4

Вы повторно выбираете элемент с помощью jQuery, что вам не нужно делать. Попробуйте это

 $(document).on('click','.exc_text',function(){
    var text = this.textContent;
    console.log(text);
});

Самый простой способ решить эту проблему - взглянуть на инструменты разработчика. Все, что я сделал, это сломал вторую ссылку и завис над ней, что показало мне, что это был элемент, так что нет необходимости перевыбирать его ...