-5

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

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

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

或与

getElementById("trselect")

没有任何作用。

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

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

3 回答 3

5

纯 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>
于 2013-11-13T15:26:46.150 回答
3

用 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>
于 2013-11-13T15:25:30.010 回答
1

看起来你正在使用 jQuery ......

尝试这个:

http://jsfiddle.net/cF63Q/

$(function(){
    $('#myTable tr').hover(function(){
       console.log($(this).find('td').first().html());
    });
});
于 2013-11-13T15:29:07.603 回答