如何使用jQuery将"title"属性转换为鼠标悬停事件？

Question

我在"table""td"元素中有一个"span"元素.span标签有一个标题.

我想获得该span标签的标题并将其拉出以使其成为"td"元素的"鼠标悬停"提示.

例如:

我想转此:

<td>
    <a href="#"><span id="test" title="Acres for each province">Acres</span></a>
</td>

进入:

<td onmouseover="tip(Acres for each province)">
    <a href="#"><span id="test">Acres</span></a>
</td>

编辑:我认为你们不明白.我试图将onmouseover函数放入"td"标记.我不是想把它放到"span"标签中.

Answer 1

根据您的编辑,您可以查看jQuery的DOM遍历方法:http://docs.jquery.com/Traversing

沿着这些方向的东西(没有经过测试,我不认为它在语法上是正确的,只是一般的想法在这里)......

$("td").each(function()
{
    $(this).mouseover(function()
    {
        tip($(this).children("span").attr("title"));
    });
});