Как отследить на какой элемент кликнули?

Question

[Artem Pavliienko]

Всем привет.
Есть на странице 8 элементов, в каждом их них есть блок к которому нужно добавить класс при клике.
вот до чего я дошел

<div class="block delivery2">
  <img src="img/oplata/delivery2.png" alt="">
  <div class="hover"></div>
  <div class="block-hover"></div>
  <div class="block-click"></div>
</div>

var block = $('.block'),
        blockClick = $('.block-click');

    block.click(function (e) {
        var target = e.target;

        blockClick.removeClass('open');

        for (var i = 0; i < block.length; i++) {
            if (target === block[i]) {
                blockClick[i].addClass('open');
            }
        }
    })

подскажите пожалуйста в чем проблема?

Comments

[kulaeff]

А где HTML-разметка?

[Artem Pavliienko]

kulaeff,

<div class="block delivery2">
                            <img src="img/oplata/delivery2.png" alt="">
                            <div class="hover"></div>
                            <div class="block-hover"></div>
                            <div class="block-click"></div>
                        </div>

[Froggyweb]

Проблема безумного микса JS и JQuery

Так?
$('.block').on('click', function(){
$(this).addClass('open')
})

[Artem Pavliienko]

Froggyweb, мне нужно добавить класс в див с классом blockClick который находится в диве с классом block

Answer 1

[kulaeff]

Вам не нужен цикл. Вот так надо:

$(e.currentTarget).find('.block-click').addClass('open');

Comments

[Artem Pavliienko]

не работает( Вот так же надо?

var block = $('.block');

    block.click(function (e) {
        $(e.target).find('.block-click').addClass('open');
    })

[kulaeff]

Пардон, вместо .block-click написал .block-list

[kulaeff]

Artem Pavliienko, разумеется.

[Artem Pavliienko]

kulaeff, Но почему не работает? и в этом коде $(e.target).find('.block-click') выводит все блоки с классом .block-click

[kulaeff]

Artem Pavliienko, опять пардон, не e.target, а e.currentTarget.

Answer 2

[Владислав]

$('.block').children().click(function (e) {
$(this).parent().find('.block-click').addClass('open');
});

Answer 3

[Artem Pavliienko]

Я в итоге сделал похожее решение

$('.block').on('click', function () {
        $('.block-click').removeClass('open');
        $(this).find('.block-click').addClass('open');
    });

Всем спасибо.