您的位置:首页 > Web前端 > JQuery

jQuery操作数组的方法

2012-05-12 12:21 465 查看

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" />
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: