[jQuery]Utilities--each 用於選到的物件集合

[jQuery]Utilities--each 用於選到的物件集合

說明:

  • 類似迴圈的作法
  • 選取物件集合中的每一個,要【逐一】處理什麼
  • $(this)代表物件集合中,正在處理的【那一個】物件

語法:


$('p').each(function(){
	alert($(this).html());
});

範例:


<HTML>
<HEAD>
<script type="Text/JavaScript" src="js/jQuery.js"></script>
<script type="Text/JavaScript">
$(document).ready(function(){
	$('#btn1').click(function(){
		var i=0;
		$('p').each(function(){
			//類似迴圈,所以會逐步加1
			i=i+1;
			$(this).html('我是p' + i);
		});
	});
})

</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的內容" />
<hr />
<p>我是p</p>
<p>我是p</p>
<p>我是p</p>
<p>我是p</p>
<p>我是p</p>
<p>我是p</p>
<p>我是p</p>
<p>我是p</p>
<p>我是p</p>
<p>我是p</p>
<p>我是p</p>

</FORM>
</BODY>
</HTML>

以下是簽名:


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