养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

jquery遍历数组,获取数组中的值

时间:2024-09-29 19:15:14

在jquery中,通过$.each()方法来遍历数组,从而获得数组中的值。下面小编菰灞巴静举例讲解jquery遍历数组,获取数组中的值。

jquery遍历数组,获取数组中的值

工具/原料

html+jquery

代码编辑器:DreamweaverCS5

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解jquery遍历数组,获取数组中的值。

jquery遍历数组,获取数组中的值

2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。

jquery遍历数组,获取数组中的值

3、在test.html文件内,使用div创建一个模块,并设置它的id为output,用于将数组中的值输出在div内。

jquery遍历数组,获取数组中的值

4、在js标签中,定义一个myArray数组变量,数组内有三个值,分别为“Athens”,“Belgrade”,“Cairo”。

jquery遍历数组,获取数组中的值

5、在js标签中,使用$.each()方法遍历myArray数组,该方法内第一个参数为墙绅褡孛数组变量,第二个参数是function方法,其中index为数组索引,value为数组的值。

jquery遍历数组,获取数组中的值

6、在$.each()方法内,通过id(output)获得div对象,使用append()方法将数组的值以段落形式输出在页面上。

jquery遍历数组,获取数组中的值

7、在浏览器打开test.html文件,查看结果。

jquery遍历数组,获取数组中的值

© 一点知识