如何使用 .each() 以相反的順序迭代 jQuery 元素？

使用jQuery 的.each() 方法以逆序存取元素

在jQuery 中，.each() 方法本身會遍歷a 中的元素轉發訂單。但是，在某些情況下，您可能需要以相反的順序存取元素。本文解決了一個常見的問題：如何在 jQuery 中使用 .each() 反轉所選元素的順序。

要反轉所選元素的順序，您可以使用以下方法：

1. 擷取選取元素的陣列：使用$(" li").get()，您可以擷取選定元素的陣列。

   <code class="javascript">var elements = $("li").get();</code>

2. 反轉數組：對數組使用reverse()方法反轉其順序。

   <code class="javascript">elements.reverse();</code>

3. 應用 。反轉數組上的each()：將反轉數組傳遞給$.each()，這將以相反的順序迭代元素。

   <code class="javascript">$(elements).each(function() { /* ... */ });</code>

例如，考慮提供的HTML 片段：

<code class="html"><ul>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
   <li>Item 4</li>
   <li>Item 5</li>
</ul></code>

要使用jQuery 的.each() 以相反的順序選擇和迭代li 元素，您可以使用以下程式碼：

<code class="javascript">$($("li").get().reverse()).each(function() {
  // ... Perform desired actions on each element in reverse order
});</code>

以上是如何使用 .each() 以相反的順序迭代 jQuery 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！