jquery取table值
时间: 2023-06-02 21:05:13 浏览: 71
可以使用以下代码获取table中的值:
```
var tableData = [];
$('table tbody tr').each(function(row, tr){
tableData[row] = {
"column1": $(tr).find('td:eq(0)').text(),
"column2": $(tr).find('td:eq(1)').text(),
"column3": $(tr).find('td:eq(2)').text()
}
});
```
其中,tableData是一个数组,每一个元素表示一行数据,"column1","column2","column3"分别表示表格中的三个列。
相关问题
jquery获取table同行的其他td值
你可以使用 jQuery 的 `closest()` 和 `siblings()` 方法来获取同行的其他 TD 值。例如,如果你想要获取某个 TD 元素同行的第二个 TD 的值,可以使用以下代码:
```javascript
$(document).ready(function() {
$('td').click(function() {
var row = $(this).closest('tr'); // 找到最近的 tr 元素
var value = row.find('td:eq(1)').text(); // 找到同行的第二个 td 元素并获取其文本值
console.log(value); // 输出同行的第二个 td 元素的文本值
});
});
```
在这个例子中,我们将点击事件绑定到所有的 TD 元素上。当用户点击某个 TD 元素时,我们首先使用 `closest()` 方法找到最近的 TR 元素,然后使用 `find()` 方法找到同行的第二个 TD 元素,并使用 `text()` 方法获取其文本值。最后,我们将文本值输出到控制台。
点击后jquery获取table同行的其他td值
可以使用jQuery的`closest()`和`siblings()`方法来获取同行的其他`td`元素的值。具体实现代码如下:
```javascript
$(document).on('click', 'table tr td', function() {
var $tr = $(this).closest('tr'); // 获取当前所在的tr元素
var $tds = $tr.find('td'); // 获取当前tr元素下的所有td元素
var val1 = $tds.eq(0).text(); // 获取第一个td元素的文本值
var val2 = $tds.eq(1).text(); // 获取第二个td元素的文本值
// ...
});
```
这里假设点击`table`元素下的任意一个`td`元素时,需要获取该`td`元素所在的行(`tr`)的其他`td`元素的值。代码中首先使用`closest()`方法找到当前元素所在的`tr`元素,然后使用`siblings()`方法获取该元素同级的所有`td`元素,最后通过`eq()`方法获取指定位置的`td`元素并使用`text()`方法获取其文本值。