index取得
const listElms = Array.from(document.querySelectorAll('#list li')); listElms.forEach(listElm => { listElm.addEventListener('click', (e) => { console.log(listElms.indexOf(listElm)); }); });
クリックされた親要素のindexを返す
$(function(){ // jQuery ver $('#list a').on('click',function(e){ e.preventDefault(); var idx=$('#list li').index($(this).closest('li')); console.log($(this).closest('li')); console.log(idx); }); //JavaScript ver var elements = document.querySelectorAll('#list a'); elements = [].slice.call( elements ) ; elements.forEach(function(e){ e.addEventListener('click',function(e){ var elLi = document.querySelectorAll('#list li'); elLi = [].slice.call( elLi ) ; var pr = elLi.indexOf(this.closest('li')) console.log('pre' + pr); }) }) });
ディスカッション
コメント一覧
まだ、コメントがありません