如何用jquery 遍历表格
时间: 2023-03-31 15:05:13 浏览: 61
可以使用以下代码来遍历表格:
$("table tr").each(function() {
// 对每一行进行操作
$(this).find("td").each(function() {
// 对每个单元格进行操作
console.log($(this).text());
});
});
相关问题
jQuery 遍历表格
可以使用 jQuery 的遍历方法来遍历表格。下面是一个使用 jQuery 遍历表格的示例代码:
```html
<table>
<tr>
<th>名称</th>
<th>价格</th>
</tr>
<tr>
<td>商品1</td>
<td>$100</td>
</tr>
<tr>
<td>商品2</td>
<td>$200</td>
</tr>
</table>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function() {
$('table tr').each(function() {
var name = $(this).find('td:first').text();
var price = $(this).find('td:last').text();
console.log(name + ': ' + price);
});
});
</script>
```
在这个示例中,`$('table tr').each()` 方法用于遍历表格的每一行,`$(this).find('td:first')` 和 `$(this).find('td:last')` 方法用于获取当前行的第一个和最后一个单元格的内容。最后将获取到的内容输出到控制台中。
jquery遍历表格每一行
可以使用 jQuery 的 `.each()` 方法来遍历表格的每一行。以下是一个示例代码:
```javascript
$('table tr').each(function() {
// 处理每一行的代码
});
```
这个代码会选中所有的表格行,然后对每一个行应用一个函数。在函数中,你可以使用 `$(this)` 来访问当前行的 jQuery 对象,并进行相应的处理。
例如,如果你想在每一行的第一列中添加一个类名,可以这么写:
```javascript
$('table tr').each(function() {
$(this).find('td:first').addClass('first-column');
});
```
这个代码会选中每一行的第一列,并为它们添加一个 `first-column` 的类名。