内容中的jQuery .hover()

时间:2013-09-19 12:05:56

标签: jquery

我试图在悬停时显示标题中的值, 当我尝试将鼠标悬停在标题中的锚标签时,我遇到了问题,它显示了一些类似于<a href="http://blabla.com/1">one</a>的内容,因此我使用了以下代码来克服这个问题。

 $('.table1 td, .table2 td').find("a, div, label")  
    .hover(function() {
        $(this).prop('title', $(this).html());
    });

现在,我需要的是,当我在a, div, label以外的其他地方悬停时,td无法获得hover的任何内容,我需要帮助......任何人?

3 个答案:

答案 0 :(得分:2)

检查一下......

  $(".table1 td, .table2 td").hover(function() {
         $(this).prop('title', $.trim($(this).text()));
    });

答案 1 :(得分:1)

如果我正确理解了您的问题,您的标题中会出现“”标记而您不想要它,您只需要链接的内容。

您是否尝试过.text()而不是.html()?

您还可以将hover()事件添加到td,然后查找td标题的内容。

$('.table1 td, .table2 td').hover(function() {
    $(this).prop('title', $(this).find("a").text());
});

修改http://jsfiddle.net/9HBr7/您可以在此处找到正在运行的示例

答案 2 :(得分:0)

这将解决您的问题

$("table td *").hover(function(e) {
   $(this).prop('title', $(this).html());
});