index取得

2021年5月22日

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