web前端，jquery实现瀑布流总结2，each遍历
2015-10-01 16:02
871 查看
<!DOCTYPE html>
<!--each遍历-->
<!--参考http://www.w3school.com.cn/jquery/traversing_each.asp-->
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("li").each(function(){
// alert($(this).text())
// 打印，遍历出每个li的值
console.log($("li").text());
});
});
});
</script>
</head>
<body>
<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>
参考：http://www.w3school.com.cn/jquery/traversing_each.asp
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- web前端，jquery实现瀑布流总结1，eq()函数的用法
- Eclipse插件之jQueryWTP插件的安装方法
- web前端，jquery实现瀑布流(鼠标滚动不断加载)
- jQuery 遍历 - each() 方法
- Jquery时间联动
- jQuery实现点击页面获得当前点击元素的id
- jQuery来源学习笔记：整体结构
- jquery一些技巧总结
- 谈谈jquery性能优化的常用策略
- 菜鸟好文推荐（十七）——人人都会的35个Jquery小技巧
- jQuery学习
- JQuery 初识
- springMVC与jquery和ajax结合
- jQuery中.bind() .live() .delegate() .on()的区别
- MyEclipse 安装JQuery自动提示功能
- jQuery源码学习 之 each迭代器
- 简单实用的jquery分页插件
- 读jQuery官方文档：数据方法与辅助方法
- 使用jquery-form.js,直接提交表单至后台（springmvc）
- jquery 实现可编辑的表格