jquery 遍历 var tableCode = $('.table-code');
时间: 2024-01-17 10:05:19 浏览: 21
遍历一个 jQuery 对象可以使用 `.each()` 方法。在你的例子中,可以这样遍历 `tableCode` 变量:
```javascript
tableCode.each(function(index, element) {
// 在这里处理每个元素
// 可以使用 $(this) 来访问当前元素
});
```
在每个迭代中,`index` 是当前元素的索引,`element` 是当前元素的 DOM 对象。你可以在循环体内对每个元素进行操作。
相关问题
jquery中遍历var tableCode = $('.table-code'); tableCode.each(function(index, element) { // 在这里处理每个元素 // 可以使用 $(this) 来访问当前元素 }); 怎么获取$('.table-code')单个div里的data-tmp的值
要获取单个 `.table-code` 元素中的 `data-tmp` 值,可以使用 `$(this)` 来访问当前元素,然后使用 `.data()` 方法来获取对应的数据属性值。以下是示例代码:
```javascript
tableCode.each(function(index, element) {
var dataTmp = $(this).data('tmp');
console.log(dataTmp);
});
```
在每次迭代中,`$(this)` 表示当前正在遍历的 `.table-code` 元素。通过调用 `.data('tmp')` 方法,可以获取该元素上 `data-tmp` 属性的值,并将其赋给 `dataTmp` 变量。你可以根据需要进一步处理或打印这个值。
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')` 方法用于获取当前行的第一个和最后一个单元格的内容。最后将获取到的内容输出到控制台中。