當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jquery $.each()函数编程实例五则图解

發布時間：2025/4/14 编程问答 22 豆豆

生活随笔收集整理的這篇文章主要介紹了 jquery $.each()函数编程实例五则图解小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1 輸出ul中的每個li

2 遍歷一維數組

3 遍歷二維數組

4 處理json

5 處理dom元素

最后一個實例的代碼；其他代碼在圖上；

<html> <head> <style type="text/css">body {background-color:MediumSeaGreen} </style> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript">function f2() {$.each($('input:hidden'),function(i,val){alert(i+'````'+val);alert(val.name+'`````'+val.value);});}</script> </head> <body> <button onclick="f2()">處理dom元素</button> <input name="aaa" type="hidden" value="111" /> <input name="bbb" type="hidden" value="222" /> <input name="ccc" type="hidden" value="333" /> <input name="ddd" type="hidden" value="444" /> </body> </html>

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的jquery $.each()函数编程实例五则图解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。