jQuery:在悬停时替换并删除 HTML 片段

Question

我对 jQuery 非常陌生。我试图让 td 中的文本在将 tr 悬停在上方时替换为 HTML 代码段，然后恢复为原始 td 之后的内容。

提前致谢!

Answer 1

像这样的事情就可以做到:

var originalContent = $('.myTR td').html();
$('.myTR').hover(function() {
     $('.myTR td').html('<strong>New HTML</strong>');   
}, function() {
     $('.myTR td').html(originalContent); 
});

假设您的 HTML 如下所示:

<table>
    <tr class="myTR">
        <td>Text td</td>
    </tr>
</table>

你可以测试一下here