Хочу постепенно отказываться от использования jQuery. Имеется блок с ссылками:
<div class="menu">
<div class="container">
<div class="left">
<a href="/" current="">Публикации</a>
<a href="/?p=2">Проекты</a>
<a href="/?p=3">Отзывы</a>
<a href="/?p=4">Заказы</a>
</div>
<div class="right">
<a href="/?p=5">Чат</a>
<a href="/?p=6">Музыка</a>
<a href="/?p=7" current="">Оповещения</a>
</div>
</div>
</div>
Нужно что-бы при нажатии на ссылки в секции class="left" вызывалась такая функция: ajax(this);
Если ничего не путаю, то:
var someElements = document.querySelectorAll('.left a');
for (var i = 0; i < someElements.length; i++) {
someElements[i].addEventListener('click', function(event) {
ajax(this);
});
}
ES6
var someElements = document.querySelectorAll('.left a');
Array.from(someElements).forEach(el => {
el.addEventListener('click', function(event) {
ajax(this);
});
});
querySelectorAll - выбирает все элементы по селектору
addEventListener - вешает слушателя на событие клика по элементу
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости