jQuery $.each()函数实战案例:遍历数组生成HTML表格
这段代码使用 jQuery 的 $.each() 函数遍历名为 'result['list']' 的数组。
代码解析:
-
$.each(result['list'], function(k, v) { ... });
- $.each() 是 jQuery 提供的用于遍历数组和对象的函数。
- result['list'] 是要遍历的数组。
- function(k, v) 是回调函数,每次遍历都会执行。
- k 是当前元素的索引。
- v 是当前元素的值。
-
html += ...
- 在每次循环中,将拼接的 HTML 字符串追加到变量 'html' 中。
-
'
... '- 创建一个 HTML 表格行。
-
'
'+v.id+' '- 创建一个表格单元格,并将当前元素的 'id' 属性值显示在其中。
-
'
'+v.name+' '- 创建一个表格单元格,并将当前元素的 'name' 属性值显示在其中。
-
'
...''- 创建一个按钮组,包含编辑和删除按钮。
-
'<a class='btn btn-xs btn-primary m-r-5' href='course_edit.html?id='+v.id+''>编辑'
- 创建一个编辑按钮,链接地址为 'course_edit.html?id=' + 当前元素的 'id' 值。
-
'<a class='btn btn-xs btn-danger del' href='course_del.php?id='+v.id+''>删除'
- 创建一个删除按钮,链接地址为 'course_del.php?id=' + 当前元素的 'id' 值。
总结:
这段代码演示了如何使用 $.each() 函数遍历数组,并根据每个元素的属性动态生成 HTML 表格内容,包括链接到编辑和删除页面的按钮。
原文地址: https://www.cveoy.top/t/topic/f1tF 著作权归作者所有。请勿转载和采集!