0

Хочу постепенно отказываться от использования 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);

3
  • onclick="ajax(this)" добавить к ссылкам?
    – Amandi
    25 сен 2017 в 15:41
  • Хотелось бы узнать именно как на js, ибо я стараюсь сократить все разделы кода, максимальную оптимизацию сделать.
    – user268403
    25 сен 2017 в 15:49
  • А вот интересно, зачем отказываться от jQuery? 26 сен 2017 в 4:19

1 ответ 1

2

Если ничего не путаю, то:

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 - вешает слушателя на событие клика по элементу

12
  • Если es 6 то стрелочные функции должны быть везде...
    – user245150
    25 сен 2017 в 16:15
  • function(event) {} На (event) => {}
    – user245150
    25 сен 2017 в 16:16
  • ну и 'use strict' желательно
    – user245150
    25 сен 2017 в 16:16
  • @Duoxx ES6 подразумевает стрелочные функции там, где нужно, а не бездумно совать везде 25 сен 2017 в 16:20
  • Есть отличия? Хотелось бы узнать.
    – user245150
    25 сен 2017 в 16:22

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.