在jquery中, each()方法是比较常用的一个方法,主要用于遍历数据,例如,对象、数组等。下面小编举例讲解jquery里面的each()方法有什么用。
工具/原料
1
html+jquery
2
代码编辑器:Zend Studio 12.5.1
方法/步骤
1
新建一个html文件,命名为test.html,用于讲解jquery里面的each()方法有什么用。
2
在test.html文件中,使用ul、li标签创建一个列表,下面将通过each()方法获取第个列表的内容。
3
在test.html文件中,使用input标签创建一个type类型为button的按钮,按钮名称为“获取li内容”。
4
在test.html文件中,在js标签中,使用$通过元素属性获得input对象,给它绑定click点击事件,当按钮被点击时,执行function方法。
5
在function方法内,通过li元素名称获得对象,使用each()方法遍历第一个li元素,代码如下:
6
在each()方法的function内,利用text()方法获得当前li对象的内容,将获得的内容使用alert()方法以弹窗的形式输出来。
7
在浏览器打开test.html文件,点击按钮,查看实现的效果。
总结:
1、创建一个test.html文件。 2、在文件内,使用ul、li标签创建一个列表,同时使用input标签创建一个type类型为button的按钮。 3、使用jquery的bind()方法给按钮绑定click点击事件,当按钮被点击时,使用each()方法遍历li标签对象,通过text()方法获得li的内容。
注意事项
在each()的function方法内,还可以直接执行函数来进行操作。
上一篇:jquery学习之节点遍历
下一篇:实例讲解Python迭代器的概念