多语言展示
当前在线:452今日阅读:2今日分享:38

jquery里面的each()方法有什么用

在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方法内,还可以直接执行函数来进行操作。

推荐信息