点击后jquery获取table同行的其他td值
时间: 2023-10-02 11:09:46 浏览: 159
jQuery操作Table技巧大汇总
可以使用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()`方法获取其文本值。
阅读全文