ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подскажите, плз, как правильно указать выборку на javascript для функции слушающей клики
3 сообщений из 3, страница 1 из 1
Подскажите, плз, как правильно указать выборку на javascript для функции слушающей клики
    #39477868
Сергей_ТВ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей_ТВ
Участник
Есть фрагмент HTML

Код: html
1.
2.
3.
4.
5.
6.
7.
<nav class="nav" >
			<ul>
			  <li><a>1</a></li>
			  <li><a>2</a></li>
			  <li><a>3</a></li>
			</ul>
</nav>



и нужна слушающая функция на javascript , которая бы возвращала содержимое тега а
что-то тира такого

Код: javascript
1.
2.
3.
document.querySelector('.nav' ...).addEventListener("click", function (e) {
		alert(this.innerHTML);
	});



На jQuery селектор
Код: javascript
1.
document.querySelector('.nav' …)

бы выглядел как
Код: javascript
1.
$('.nav ul li a')

, а вот как на javascript?
...
Рейтинг: 0 / 0
26.06.2017, 17:23
| Ответить | Цитировать | Написать  
Подскажите, плз, как правильно указать выборку на javascript для функции слушающей клики
    #39477935
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
Сергей_ТВнужна слушающая функция на javascript , которая бы возвращала содержимое тега аОбработчик вешаем на родителя , далее проверяем тег:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
<style>
* {font:12px verdana;}
nav {width:100px; border:1px solid #007200;}
a {display:inline-block; width:100%; border:1px solid #ccc;}
a:hover {background:#eee;}
</style>
</head>
<body>
<nav class="nav">
  <ul>
    <li><a>1</a></li>
    <li><a>2</a></li>
    <li><a>3</a></li>
  </ul>
</nav>
<script>
document.querySelector('.nav').addEventListener('click', getText);
function getText(e) {
  var a = e.target;
  if (a.tagName != 'A') {return;}
  alert(a.textContent);
}
</script>
</body>


 
Но чтобы не загромождать код длинными конструкциями (типа getElementById, querySelectorAll и т.д.), я использую небольшой набор фунций:
Код: javascript
1.
2.
3.
4.
5.
6.
function gid(i) {return document.getElementById(i);}
function CEL(s) {return document.createElement(s);}
function ACH(p,c) {p.appendChild(c);}
function QS(el,s) {return el.querySelector(s);}
function QSA(el,s) {return el.querySelectorAll(s);}
function GTN(el,s) {return el.getElementsByTagName(s);}


Для нашего случая будет короткий вызов:
Код: javascript
1.
QS(document,'.nav').addEventListener('click', getText);

...
Рейтинг: 0 / 0
26.06.2017, 18:49
| Ответить | Цитировать | Написать  
Подскажите, плз, как правильно указать выборку на javascript для функции слушающей клики
    #39477996
Сергей_ТВ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей_ТВ
Участник
user89,

спасибо, помогло
...
Рейтинг: 0 / 0
26.06.2017, 20:42
| Ответить | Цитировать | Написать  
3 сообщений из 3, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подскажите, плз, как правильно указать выборку на javascript для функции слушающей клики
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39477868&tid=1444573]:
 0ms
get settings:
 10ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 70ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 45ms
get tp. blocked users:
 1ms
others: 14ms
total:  174ms
созд. / загр.: 174ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]