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