На странице в разных частях есть несколько элементов, при клике по кнопкам, мне нужно получить индекс родителя. Из всей коллекции подобных.
попробовал метод индекс, но не подходит. Кликнете по 5 элементу в списке, его индекс в коллекции 4, но в консоль выводится 5...
let $elements = $('[data-js="myel"]'),
$tyk = $elements.find('button');
$tyk.click((e) => {
let $current = $(e.target);
$element = $current.closest('[data-js="myel"]');
console.log($element.index());
});
.banner {
display: block;
position: relative;
font-family: sans-serif;
padding: 40px;
background: #5eba7d;
margin: 10px 0;
}
.el {
display: block;
position: relative;
margin: 4px 0;
background: #ccc;
padding: 3px 15px;
cursor: pointer;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="elements-list">
<div class="el" data-js="myel">
Первый элемент
<button>Тык</button>
</div>
<div class="el" data-js="myel">
второй элемент
<button>Тык</button>
</div>
<div class="el" data-js="myel">
трейтий элемент
<button>Тык</button>
</div>
<div class="el" data-js="myel">
четвертый элемент
<button>Тык</button>
</div>
<div class="banner">Какой то баннер</div>
<div class="el" data-js="myel">
пятый элемент
<button>Тык</button>
</div>
<div class="el" data-js="myel">
шестой элемент
<button>Тык</button>
</div>
<div class="el" data-js="myel">
седьмой элемент
<button>Тык</button>
</div>
<div class="el" data-js="myel">
восьмой элемент
<button>Тык</button>
</div>
</div>