[jQuery]Utilities--each用於陣列

[jQuery]Utilities--each用於陣列

語法:

  • $.each(object,callback)
  • 例如:陣列
    Var stations=[“台北”,”板橋” ,”桃園” ,”新竹” ,”台中” ,”嘉義” ,”台南” ,”高雄”];
    • 方式一:$.each(stations,function(){…});
    • 方式二:$(stations).each(function(){…})

範例:


<HTML>
<HEAD>
<script type="Text/JavaScript" src="js/jQuery.js"></script>
<script type="Text/JavaScript">
$(document).ready(function(){
	var stations=['台北','板橋' ,'桃園' ,'新竹' ,'台中' ,'嘉義' ,'台南' ,'高雄'];

	$('#btn1').click(function(){
		$.each(stations,function(){
			$('#div1').append('<p>' + this + '</p>');
		});
	});
	$('#btn2').click(function(){
		$(stations).each(function(){
			$('#div1').append('<p>' + this + '</p>');
		});
	});
})

</script>
<style>
	.d1{
		background-color:yellow;
		color:blue;
		font-size:18px;
	}
</style>
</HEAD>
<BODY>
<FORM action="" method=POST id=form1 name=form1>
<input type="button" id="btn1" value="設定每個P的內容" />
<input type="button" id="btn2" value="設定每個P的內容" />
<hr />
<div id="div1">我是div1</div>
</FORM>
</BODY>
</HTML>

以下是簽名:


Microsoft MVP
Visual Studio and Development Technologies
(2005~2019/6) 
topcat
Blog:http://www.dotblogs.com.tw/topcat