Question

I have a hover on event that I have to add after table rows are created, something like that I think.

This is the way it has to be done because in other way it does not work.

<script>
    jQuery(document).ready(function() {
        jQuery('#userstable').on('hover', '.email', function() {
            $(this).append($("<span style='font-size:80%;'> <a href='#'>Edit</a>"));
        });
    });
</script>

I was unable to add the out event. How I’ll do it?

Answer 1

You want to do on('mouseenter') and on('mouseleave') instead of hover.

You can do them both at once like this:

    $('#userstable').on('mouseenter', '.email', function() {
        $(this).append($("<span style='font-size:80%;'> <a href='#'>Edit</a>"));
    });

    $('#userstable').on('mouseleave', '.email', function() {

    });