使用 jQuery 遍历表格并将数据添加到字符串变量
使用 jQuery 遍历表格并将数据添加到字符串变量可以使用字符串拼接的方式将多个数据拼接成一个字符串,然后再赋值给变量。
例如,假设有一个表格,需要遍历其中的每一行,并将某一列的数据添加到一个字符串变量中:
<table>
<tr>
<td>1</td>
<td>John</td>
<td>Doe</td>
</tr>
<tr>
<td>2</td>
<td>Jane</td>
<td>Doe</td>
</tr>
<tr>
<td>3</td>
<td>Bob</td>
<td>Smith</td>
</tr>
</table>
使用以下代码可以遍历表格并将第二列的数据添加到一个字符串变量中:
var names = "";
$('table tr').each(function() {
var name = $(this).find('td:eq(1)').text();
names += name + ",";
});
names = names.slice(0, -1); // 去掉最后一个逗号
在上面的代码中,使用了 each 方法遍历表格中的每一行。对于每一行,使用 find 方法找到第二列(索引为 1)的单元格,并获取其中的文本内容。将获取到的姓名添加到 names 变量中,并在每个名字之间加上一个逗号。最后,使用 slice 方法去掉最后一个逗号。
这样,names 变量就会包含所有姓名,以逗号分隔的字符串。
原文地址: https://www.cveoy.top/t/topic/oFuX 著作权归作者所有。请勿转载和采集!