Question

I’m extremely new to jQuery. I’m trying to have it so that the text in a td is replaced with a HTML snippet when the tr is hovered over and then reverted back to the original td content afterward.

Thanks in advance!

Answer 1

Something like this will do it:

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

Assuming your HTML looks like this:

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

You can test it here