Используйте jQuery, чтобы получить текст цели

jquery events target

24776 просмотра

5 ответа

1213 Репутация автора

Попытка получить текст целевого элемента события из неупорядоченного списка

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

с таким кодом

$('ul').click(function() {
theEl=(event.target.text);
});

Когда я консоль журнала

event.target

это возвращается

 <li>Item 1</li>

а также

event.target.text

возвращает неопределенное

Я просто хочу "Пункт 1". Я знаю, что делал это раньше - должно быть поздно ... спасибо за любую помощь :)

Автор: Charles Wyke-Smith Источник Размещён: 06.02.2013 02:53

Ответы (5)

20 плюса

1752 Репутация автора

Решение

Используйте текстовую функцию jQuery:

$(event.target).text()
Автор: JeffB Размещён: 06.02.2013 02:54

9 плюса

269782 Репутация автора

Вы путаете сырой JS и JQuery.

В jQuery вы бы использовали $(event.target).text()

Тем не менее, это намного эффективнее в JavaScript: event.target.firstChild.nodeValue

РЕДАКТИРОВАТЬ: Вот JSPerf в качестве доказательства.

Автор: Niet the Dark Absol Размещён: 06.02.2013 02:55

2 плюса

67812 Репутация автора

Причина event.target.textне определена, потому что HTMLElement не имеет определенного метода или свойства. Тем не менее, jQuery имеет text()то, что вы искали. Чтобы получить доступ к методам или свойствам jQuery, вам нужно обернуть текущий HTMLElement в объект jquery. Это делается путем передачи его в jQuery, который затем создает объект функции с ним, и прототип jQuery, который предоставляет API.

jQuery(element);//in general
$(event.target).text();//for your situation
Автор: Travis J Размещён: 06.02.2013 03:17

1 плюс

1261 Репутация автора 

event.target.textContent

Это также доступ к javascript. Я рекомендую вам выполнить консоль javascript 'Chrome' (или Firefox) с Ctrl+Shift+J. Напишите в своем коде: console.log(event)и смотрите на консоли. Вы можете наблюдать за каждым атрибутом объекта.

Автор: kahonmlg Размещён: 17.12.2014 06:44

0 плюса

129 Репутация автора

Попробуйте это -> event.target.innerText

Автор: Karthik Sagar Размещён: 03.10.2018 09:48
Вопросы из категории :
32x32