以下呢是一些方法配合案例如何去使用
1.js的遍历方式(for)
html部分代码:<ul id="city"> <li>北京</li> <li>上海</li> <li>天津</li> <li>重庆</li> </ul>
实现代码:
一:js方式//获取jq对象
var jqs = $("#city li");
for(var i = 0, i < jqs.length,i++){
alert(i+":"+jqs[i].innerHTML);
}
二:jq方式 jQ对象就是jqs
1. 1.1 jq对象.each(callback) callback回调函数
jqs.each( function (){
alert(this.innerHTML);
}); 不建议使用,获取不到索引
1.2 在回调函数里面定义参数 index(索引) element(对象)
jqs.each( function ( i ,element){
//alert(i+":"+element.innerHTML);
alert(i+":"+$(element).html());
}); 如果当前function返回为false,则结束循环(break)。
如果当前function返回为true,则结束本次循环,继续下次循环(continue)
2.$.each(object, [callback])(全局)
$.each(jqs,function( i , element){
alert(i+":"+$(element).html());
});