How to track which element was clicked?

Question

JavaScript

Hello.
There are 8 elements on the page, each of them has a block to which you need to add a class when clicked.
here's what I've come up with

<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');
            }
        }
    })

please tell me what is the problem?

Answer 1

You don't need a cycle. This is how it should be:

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

Answer 2

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

Answer 3

I ended up doing a similar solution

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

Thanks to all.