Javascript 从特定tr获取td值(鼠标悬停)

Javascript 从特定tr获取td值(鼠标悬停),javascript,html,html-table,Javascript,Html,Html Table,我的问题是js可排序表,我也使用鼠标悬停。 问题是,当我使用我的表格时,悬停url没有更新,我正在寻找如何获得我选择的第一个td值的特定tr 我尝试了不同的变化,例如: $this.find('td:eq(0)') 或与 getElementById("trselect") 什么都不管用 我将其与鼠标悬停一起使用,并可能查找类似的内容: document.location.href = "details/" + $('tr').find('td:first-child').text();

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

我尝试了不同的变化,例如:

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

getElementById("trselect")
什么都不管用

我将其与鼠标悬停一起使用,并可能查找类似的内容:

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

使用jQuery尝试以下操作:

添加jQuery库:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

添加jQuery代码以获取第一个TD的值:

<script>
$(document).ready(function(){
    $('tr').mouseover(function(){
        var valueOfTd = $(this).find('td:first-child').text();
        alert(valueOfTd); // Do here what you want with the value.
        document.location.href = 'http://www.google.com/'+ valueOfTd;
    });
});
</script>

$(文档).ready(函数(){
$('tr').mouseover(函数(){
var valueOfTd=$(this.find('td:first child').text();
alert(valueOfTd);//在这里使用该值执行您想要的操作。
document.location.href=http://www.google.com/“+valueOfTd;
});
});
纯JavaScript解决方案 有很多jQuery答案,但没有jQuery标记,所以我为您提供了一个纯JavaScript解决方案。为这个简单的任务安装一个大型库似乎毫无意义

您可以像这样将行分配给Javascript变量,并查找mouseover

要获取第一个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>
要调用它,请按如下方式声明行:

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>

这个应该退回
这不应该被退回

看起来您正在使用jQuery

试试这个:


我们需要更多的信息。您是否有任何html可供共享?此问题不可回答,您需要解释您的意思。td标记没有值属性。。你是说innerHTML?@reikyoshin要么
innerHTML
要么
textContent
。这是一个解释得很糟糕的问题。你应该使用
td:first child
选择器来更加明确。另外,他可能想处理
.text()
而不是
.html()
。是的,这一个看起来不错,几乎是我需要的,试图弄清楚,但实际上我需要的是获得change location/href的td值。目前我有document.location.href=“details/”+tdvalue;但它仍然无法将您的函数的值传递给我的函数:\@Joao Paulo,我需要类似以下内容:document.location.href=“details/”+$('tr').find('td:first child').text()@Joao Paulo,是的,我也测试了它,它对我也有效,只是没有完全满足我的需要)我需要用href将页面重定向到包含第一个td值的链接如果你的document.location.href在其他函数中,你需要将变量作为参数传递给函数。展示你所有的js代码,我会尽力帮助你。