Как обработать определенное содержимое при клике на определенный блок (Событие e.target)?

Question

[targyn]

Есть несколько блоков с одинаковыми классами. Содержимое блоков имеют по несколько элементов, которые имеют идентичные классы как у других содержимых блоках. У блоков один родитель. Событие e.target наложен на родитель и условие где реагирует на событие клика установил для блоков. При клике на первый из блоков все работает как надо, при клике на второй блок все изменения происходят в 1 блоке а не на 2. Что делать в таком случае, предполагаю сделать какой-нибудь цикл на блоки но что делать с содержимыми? Как дать понять что именно с содержимым 2 блока надо работать?
Делал так: this.querySelector(.elements) думая что именно на каком блоке было нажатие берется элементы c классами element но все равно изменения происходят на 1 блоке

<div>
        <div class="block">
                <div class="elements"></div>
                <div class="elements"></div>
                <div class="elements"></div>
        </div>
        <div class="block">
                <div class="elements"></div>
                <div class="elements"></div>
                <div class="elements"></div>
        </div>
        <div class="block">
                <div class="elements"></div>
                <div class="elements"></div>
                <div class="elements"></div>
        </div>
</div>

Comments

[targyn]

Aleksandr-JS-Developer, https://jsfiddle.net/d6tvzfm7/1/

[targyn]

Aleksandr-JS-Developer, спасибо большое за информацию про queryselector, я не знал. Решил вопрос так перед всей функцией добавил счётчик и при клике на какой то блок брал цифру нажатого элемента,потом с помощью queryselectorAll в конце поставил переменную с этой цифрой и заработало) ломал голову весь день)