jQuery.each() - Utilities , jQuery |
jQuery.each() เป็นการใช้ jQuery Utilities กับ jQuery.each() ฟังก์ชั่นทั่วไปที่สามารถใช้ในการต่อเนื่องย้ำกว่าวัตถุทั้งสองและอาร์เรย์ อาร์เรย์และอาร์เรย์เช่นวัตถุที่มีคุณสมบัติความยาว (เช่นวัตถุอาร์กิวเมนต์ของฟังก์ชันของ) เป็นซ้ำโดยดัชนีตัวเลขจาก 0 ถึงความยาว 1 วัตถุอื่น ๆ ที่มีซ้ำผ่านคุณสมบัติที่กำหนด
Syntax
jQuery.each( collection, callback(indexInArray, valueOfElement) )
Example ตัวอย่างการใช้งาน jQuery jQuery.each()
jQueryeach.html
<html>
<head>
<title>ThaiCreate.Com jQuery Tutorials</title>
<style>
div { color:blue; }
div#five { color:red; }
</style>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var arr = [ "one", "two", "three", "four", "five" ];
var obj = { one:1, two:2, three:3, four:4, five:5 };
jQuery.each(arr, function() {
$("#" + this).text("Mine is " + this + ".");
return (this != "three"); // will stop running after "three"
});
jQuery.each(obj, function(i, val) {
$("#" + i).append(document.createTextNode(" - " + val));
});
});
</script>
</head>
<body>
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
<div id="four"></div>
<div id="five"></div>
</body>
</html>
Screenshot
คำอธิบาย (ภาษาไทย)
จากตัวอย่างเป็นการใช้ jQuery Utilities กับ jQuery.each() ในการจัดการกับ element ที่อ้างถึง และการใช้งาน loop each ต่าง ๆ
ลิ้งค์ที่ควรศึกษา
Go to : jQuery Selectors : jQuery Selectors and Element
เกี่ยวกับบทความ
ส่วนหนึ่งของบทความได้เรียบเรียงและแปลจากเว็บไซต์ jQuery.Com โค้ดตัวอย่างคำสั่งนี้อยู่ภายใต้สัญญาอนุญาตของ GFDL สามารถนำโค้ดและคำสั่งใช้งานได้ฟรี สงวนลิขสิทธิ์เฉพาะคำอธิบายภาษาไทย
|
 ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท
|
|
| |
By : |
ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ) |
| |
Score Rating : |
 |
|
| |
Create/Update Date : |
2011-09-22 21:57:35 /
2017-03-19 14:12:53 |
| |
Download : |
No files |
|
|
Sponsored Links / Related |
|
|
|
|
|
|
Load balance : Server 01
