jQuery操作数组的方法

来源:互联网 发布:阿里云飞天系统 编辑:程序博客网 时间:2024/05/08 17:59

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


原创粉丝点击