jquery 遍历td tr
时间: 2023-10-09 10:11:33 浏览: 125
可以使用 jQuery 的 `each()` 方法来遍历 `<tr>` 和 `<td>` 元素,示例代码如下:
```javascript
$('tr').each(function() {
$(this).find('td').each(function() {
// Do something with each <td> element
console.log($(this).text());
});
});
```
这段代码会遍历页面中所有的 `<tr>` 元素,然后在每个 `<tr>` 元素内部遍历所有的 `<td>` 元素,并对每个 `<td>` 元素执行一些操作。在这个例子中,我们只是简单地打印出每个 `<td>` 元素的文本内容。
相关问题
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 遍历表格
可以使用以下代码来遍历表格:
$("table tr").each(function() {
// 对每一行进行操作
$(this).find("td").each(function() {
// 对每个单元格进行操作
console.log($(this).text());
});
});
阅读全文