内容中的jQuery .hover（）

Question

我试图在悬停时显示标题中的值， 当我尝试将鼠标悬停在标题中的锚标签时，我遇到了问题，它显示了一些类似于<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的任何内容，我需要帮助......任何人？

Answer 1

检查一下......

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

Answer 2

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

您是否尝试过.text（）而不是.html（）？

您还可以将hover（）事件添加到td，然后查找td标题的内容。

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

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

Answer 3

这将解决您的问题

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