目标:遍历对象集函数:each(function(index,element){})
html代码:
<h1>遍历对象集函数:each(function(index,element){})</h1>
<ul>
<li>第1个元素</li>
<li>第2个元素</li>
<li>第3个元素</li>
</ul>
jq代码:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){ var h="";
$('input[type="button"]').click(function(){
$(".test li").each(function(index, element) {
var i=index;//当前操作对象索引
var e=$(this).wrap("<div></div>").parent().html();//element=dom对象this,即$(element)=$(this),不过一般不使用$(element),习惯用$(this)代替
if(i<=1){
h+=index+': '+e+' ';//叠加each内的每一个对象内容
}else{
return false; //each()遍历对象集时默认是return true相当于循环中的 continue:跳至下一个循环,可使用 return false 相当于循环中的 break:停止循环;
}
});
$(".jsoutput >pre").text(h);//输出each内的所有对象的内容
}).click();
})
</script>
查看运行结果:
提示:你可以先修改部分代码再运行。
請求: /wp-comments-post.php
方式: 未經評論表格
內容: 我是经常来拜访你的访问者之一哦,今天忍不住留言了,….
壬辰年(龙)二月廿十 2012-3-12
— 記錄成功 —