Question

So I’ve been trying to monitor when my dynamic table changes in rows and tbody’s.. here’s an example of the structure:

<table id="assignedTable"> 
    <tbody class="assigned"> 
        <tr id="#uniquenumberhere">
        </tr> 
        <tr>
        </tr> 
    </tbody> 
</table>

This is what I got so far.. but it doesn’t work:

$(function(){
            $('#assignedTable').on('change', '.assigned', function(){
                $('#assignableTbody').append("dynamic table changed");
            });
        })

Hope anyone can help,
Thanks in advance!

Answer 1

You can’t use a change event on a table. Check out the jquery documentation

The change event is sent to an element when its value changes. This event is limited to elements, boxes and elements. For select boxes,

Jquery Documentation on the change event

Perhaps you can try polling the table and count the table rows and see if that value changes, but this isn’t good for performance.