jquery获取table同行的其他td值
时间: 2023-10-02 12:09:46 浏览: 48
你可以使用 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()`方法获取其文本值。
jquery获取table选中的tr数据
获取table选中的tr数据,可以通过以下步骤实现:
1. 获取选中的tr元素
```javascript
var selectedTR = $('table tr:selected');
```
2. 遍历选中的tr元素,获取每个tr元素中的td元素的值
```javascript
var data = [];
selectedTR.each(function(){
var rowData = [];
$(this).find('td').each(function(){
rowData.push($(this).text());
});
data.push(rowData);
});
```
此时,变量`data`中存储了选中的tr元素中每个td元素的值,每个tr元素的值作为一个数组存储在`data`数组中。