DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery常見問題 >> jQuery each() 遍歷方法實例
jQuery each() 遍歷方法實例
編輯:JQuery常見問題     
定義和用法
each() 方法規定為每個匹配元素規定運行的函數。
提示:返回 false 可用於及早停止循環。

語法
$(selector).each(function(index,element))
其中function(index,element)為必需。
為每個匹配元素規定運行的函數。
index - 選擇器的 index 位置
element - 當前的元素(也可使用 "this" 選擇器)

實例代碼:

<html>
<head>
<script type="text/javascript" src="http:///keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("li").each(function(){
alert($(this).text())
});
});
});
</script>
</head>
<body>
<button>輸出每個列表項的值</button>
<ul>
<li></li>
<li></li>
<li>jQuery each()</li>
</ul>
</body>
</html>


代碼效果:
  • jQuery each()
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved