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" />


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