UL 上的偵聽器遍歷 li

Question

我有以下 html：

<ul class="collection">
   <li>a
      <a class=" delete-item secondary-content">
         <i class="fa fa-remove"></i>
      </a>
   </li>
   <li>s
      <a class=" delete-item secondary-content">
         <i class="fa fa-remove"></i>
      </a>
   </li>
   <li>w
      <a class=" delete-item secondary-content">
         <i class="fa fa-remove"></i>
      </a>
   </li>
</ul>

我在 UL 上有一個 onclick 監聽器（稱為 taskList）。 console.log 說元素 UL (taskList) 是 object。 我可以按如下方式遍歷 li：

for (const task in taskList) {
   console.log(task);
}

Answer 1

不， for... in將遍歷 object 的屬性。 您可以使用for... of循環遍歷children 。

 const taskList = document.querySelector('ul.collection'); for (const task of taskList.children) { console.log(task.outerHTML); }

 <ul class="collection"> <li>a <a class=" delete-item secondary-content"> <i class="fa fa-remove"></i> </a> </li> <li>s <a class=" delete-item secondary-content"> <i class="fa fa-remove"></i> </a> </li> <li>w <a class=" delete-item secondary-content"> <i class="fa fa-remove"></i> </a> </li> </ul>