jQuery操作數組的方法

jQuery操作數組的方法:

$()操作返回的如果是一個數組,可以使用如下方法來操作
each(fn(i)):循環遍歷每一個元素,this代表被迭代的dom對象,$(this)代表被迭代的jquery對象。
eq(index):返回index+1位置處的jquery對象
index(obj):返回下標,其中obj可以是
dom對象或者jquery對象。
length:個數
get():返回dom對象組成的數組
get(index):返回index+1個dom對象。


<script type="text/javascript" src="js/jquery-1.4.3.js"></script>
<script type="text/javascript">
	 $(function(){
	 	 $('#b1').click(function(){
		 	var $obj = $('ul li');
				$obj.each(function(index){//each(fn(i)):循環遍歷每一個元素
					//alert(this.innerHTML);//this代表被迭代的dom對象
					//alert($(this).html());//$(this)代表被迭代的jquery對象
				});
				//alert($obj.eq(1).html());//eq(index):返回index+1位置處的jquery對象
				alert($obj.index($obj.eq(1)));//index(obj):返回下標,其中obj可以是dom對象或者jquery對象。
				var arr = $obj.get();//get():返回dom對象組成的數組
				for(i = 0;i<arr.length;i++){//length:個數
				alert(arr[i].innerHTML);
				}
				alert($obj.get(0).innerHTML);// get(index):返回index+1個dom對象。
		 });
	 });
</script>

html代碼:

 <ul>
 	<li>one</li>
    <li>two</li>
    <li>three</li>
 </ul>
 <input type="button" value="click" id="b1" />


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章