0

Как сделать аналогию в jquery для обработки события на клик по конкретному элементу класса. По типу примера

js

for (var i=0; i<document.getElementsByClassName('blah')) {
  document.getElementsByClassName('blah')[i].addEventListener('click', function(){console.log('ok')});
}

jq

for (var i = 0; i < $('.blah').length; i++) {
        $('.blah')[i].click(function(){
            console.log($('.blah')[i]);
        });
    }
1
  • Если вам дан исчерпывающий ответ, отметьте его как верный (галка напротив выбранного ответа)
    – Doofy
    7 июн 2016 в 7:24

2 ответа 2

2

Если совсем по-простому, но чтобы работало на добавляемых динамически элементах, то можно так:

var blah = document.body.querySelectorAll('.blah');

for (var x = 0; x < blah.length; x++) {
  blah[x].addEventListener("click", function() {
    console.log('javascript_' + this.innerHTML);
  });
}



$('body').on('click', '.blah', function() {
  console.log('jquery_' + $(this).text());
});
.blah {
  cursor: pointer;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="blah">1</div>
<div class="blah">2</div>
<div class="blah">3</div>
<div class="blah">4</div>
<div class="blah">5</div>

UPD. Добавил вариант на чистом JS

7
  • Есть вариант минуя jquery?
    – Doofy
    5 июн 2016 в 17:17
  • @Doofy, да, сейчас добавлю
    – MasterAlex
    5 июн 2016 в 17:20
  • говнокод может есть способ лучше этого?
    – Doofy
    5 июн 2016 в 17:23
  • как выбрать конкретный элемент без this. console.log( $('.blah')[0] ) совсем ничего не выдает
    – ddeadlink
    5 июн 2016 в 17:25
  • 1
    @ddeadlink, $('.blah').eq(0)
    – Doofy
    5 июн 2016 в 17:29
0

Есть такой вариант

Array.from(document.querySelectorAll('.qeqqe')).forEach(function(e, i) {
    e.onclick = function() {
        console.log(this.innerHTML, i);
    }
});
<div class='qeqqe'>one</div>
<div class='qeqqe'>two</div>
<div class='qeqqe'>tree</div>

2
  • судя по вопросу, автору нужна была реализация именно в jquery :)
    – MasterAlex
    5 июн 2016 в 18:25
  • @MasterAlex, значит ответ он получил =) $('.blah').on('click', function() {}
    – Doofy
    5 июн 2016 в 18:27

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

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