使用 jQuery,可以通过以下步骤仅从可见的 HTML 表格行中检索值:
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<table id="myTable">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Country</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>25</td>
<td>USA</td>
</tr>
<tr>
<td>Jane</td>
<td>30</td>
<td>Canada</td>
</tr>
<tr>
<td>Mike</td>
<td>28</td>
<td>Australia</td>
</tr>
</tbody>
</table>
.each()
方法遍历这些行:$('#myTable tbody tr:visible').each(function() {
// 执行相应操作
});
var name = $(this).find('td:eq(0)').text();
var age = $(this).find('td:eq(1)').text();
var country = $(this).find('td:eq(2)').text();
这里使用 :eq()
选择器根据索引选择相应的单元格,从0开始计数。
完整示例代码:
$(document).ready(function() {
$('#myTable tbody tr:visible').each(function() {
var name = $(this).find('td:eq(0)').text();
var age = $(this).find('td:eq(1)').text();
var country = $(this).find('td:eq(2)').text();
console.log('Name: ' + name + ', Age: ' + age + ', Country: ' + country);
});
});
这样就可以从可见的 HTML 表格行中检索到所需的值。根据具体需求,可以对获取到的值进行进一步处理或应用。
腾讯云相关产品和产品介绍链接地址:暂无。
领取专属 10元无门槛券
手把手带您无忧上云