从特定 tr 获取 td 值（鼠标悬停）

Question

我的问题是 js 可排序表，我也使用鼠标悬停它。问题是当我重新使用我的表时，悬停 url 没有更新，我在寻找如何获得特定的 tr 我选择了第一个 td 的值。

我尝试了不同的变体，例如：

$this.find('td:eq(0)') 

或与

getElementById("trselect")

没有任何效果。

我将它与鼠标悬停一起使用，并且可能正在寻找类似的东西：

document.location.href = "details/" + $('tr').find('td:first-child').text();

Answer 1

纯 JavaScript 解决方案

有一堆 jQuery 答案，但没有 jQuery 标签，所以我为您提供了一个纯 JavaScript 解决方案。为这个简单的任务安装一个大型库似乎毫无意义。

您可以将行分配给这样的 Javascript 变量，然后查找鼠标悬停。

要获取第一个 TD 的内容，您可以使用这样的函数：

function getFirstTdContent(row) {
    elem = row.children[0];
    alert(elem.textContent); // Do whatever you want to do with the content here
}

要调用它，请像这样声明您的行：

<tr onmouseover='getFirstTdContent(this);'>
    <td>This should be returned</td>
    <td>This should not be returned</td>
</tr>