简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

jQuery使用each方法與for語句遍歷數組範例

高洛峰
發布： 2016-12-29 10:55:20
原創
1601 人瀏覽過

本文實例講述了jQuery使用each方法與for語句遍歷數組。分享給大家供大家參考，具體如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.6.2.js" type="text/javascript"></script>
<script type="text/javascript">
var array=["huangbiao","24","boy"];
var length = array.length;
function forFunc(){
  var result = "";
  for(var i = 0; i < length; i++){
    result=result.concat(array[i]+" ; ");
  }
  $("#forFunc").html(result);
  return true;
}
function eachFunc(){
  var result = "";
  $(array).each(function(i,n){
  //下面两种方式实现的效果是一样的
    //result=result.concat(array[i]+" ; ");
    result=result.concat(n+" ; ");
  });
  $("#eachFunc").html(result);
}
</script>
<title>无标题文档</title>
</head>
<body>
  <button onclick="forFunc()">forFunc</button><br>
  <div id="forFunc"></div>
  <button onclick="eachFunc()">eachFunc</button><br>
  <div id="eachFunc"></div>
</body>
</html>
登入後複製

希望本文所述對大家jQuery程式設計有所幫助。

更多jQuery使用each方法與for語句遍歷數組範例相關文章請關注PHP中文網！


相關標籤：
jQuery each for 遍历数组
來源：php.cn
上一篇：jQuery篩選數組之grep、each、inArray、map的用法及遍歷json對象 下一篇：jquery 遍歷數組 each 方法詳解
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
為什麼map方法沒有顯示我的div內容？ 我目前正在嘗試使用React創建一個Web應用程序，提示用戶使用表單輸入一些內容。提交時，程式碼會建立一個物件“teammate”，然後推送到陣列“Team”。然後，我希望使用地圖...
來自於 2023-09-16 20:00:13
0
1
268
在動態建立的元素中添加不同的類 我有一個物件數組，其中每個物件都有一個textValue、一個active、info等。我將遍歷這種排列並顯示每個元素的按鈕。對於裡面的每個按鈕，我新增一個div，在3個段落中，我...
來自於 2023-09-11 13:34:46
0
1
246
檢查數組中是否存在N的兩倍等於M的元素 我開始在leetcode上解決問題，這個問題沒有通過測試用例，這是我的嘗試：functioncheckIfExist($arr){$i=0;$j=0;$n=count($arr);...
來自於 2023-09-11 13:15:10
0
2
227
為何我的JavaScript（Vue）程式碼中的物件屬性被標記為唯讀狀態？ 我有一個Vue2應用程序，其中有一個狀態變數（一個包含盒子物件的陣列）叫做boxes。我有一個計算屬性，它從這些盒子中提取一個子集（nearest_box_linked_boxes...
來自於 2023-08-26 22:18:27
0
1
295
利用async/await與forEach循環進行操作 在使用forEach循環中使用async/await會有什麼問題嗎？我試圖遍歷一個文件數組，並在每個文件的內容上使用await。 importfsfrom'fs-promise'a...
來自於 2023-08-20 11:27:20
0
2
265
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！