js选中li的序号

// 获取所有的li元素
const liElements = document.querySelectorAll('li');

// 遍历li元素，并为每个元素添加点击事件监听器
liElements.forEach((li, index) => {
  li.addEventListener('click', () => {
    console.log(`选中的li序号是: ${index}`);
  });
});

<ul id="myList">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <!-- 更多li元素 -->
</ul>

// 获取父元素
const myList = document.getElementById('myList');

// 添加点击事件监听器到父元素
myList.addEventListener('click', (event) => {
  // 检查点击的元素是否是li
  if (event.target.tagName.toLowerCase() === 'li') {
    // 获取所有li元素
    const liElements = myList.querySelectorAll('li');
    // 获取点击的li元素的索引
    const index = Array.prototype.indexOf.call(liElements, event.target);
    console.log(`选中的li序号是: ${index}`);
  }
});

// 获取所有的li元素
const liElements = Array.from(document.querySelectorAll('li'));

// 为每个li元素添加点击事件监听器
liElements.forEach((li) => {
  li.addEventListener('click', () => {
    const index = liElements.indexOf(li);
    console.log(`选中的li序号是: ${index}`);
  });
});