需要使用Javascript在html中获取列表项的索引

在Todo list web应用程序中，我使用EJS将项目添加到

列表中

使用javascript，我希望能够在单击时检索列表项的索引，以控制其CSS

或者在存储在后端节点中的my items数组中删除它

<ul>
    <% for( var i = 0; i < toDoArray.length ; i++) { %>
    <li class="listItem"> <%= toDoArray[i] %> </li> 
    <% } %>
</ul>

---

谢谢

您可以在单击事件中获取parentNode，然后获取其所有子节点，然后在该列表中搜索与单击的元素（事件的目标）匹配的节点

addEventListener（'click'，event=>{
const li=event.target；
if（li.tagName.toLowerCase（）！=='li'）返回；
const lis=Array.from（li.parentNode.children）；
常数指数=li.indexOf（li）；
控制台日志（索引）；
} );

项目
项目
项目
项目