<table class="jquery-team-members"> <tr id="1"><td>Adam</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> <tr id="2"><td>Cody</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> <tr id="3"><td>Dan</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> <tr id="4"><td>Dave</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> <tr id="5"><td>Doug</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> <tr id="6"><td>John</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> <tr id="7"><td>Jörn</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> <tr id="8"><td>Karl</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> <tr id="9"><td>Leah</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> <tr id="10"><td>Mike</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> <tr id="11"><td>Paul</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> <tr id="12"><td>Ralph</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> <tr id="13"><td>Rey</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> <tr id="14"><td>Richard</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> <tr id="15"><td>Scott</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> <tr id="16"><td>Scott</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> <tr id="17"><td>Todd</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> <tr id="18"><td>Yehuda</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr> </table>
zebraTable(); $( ".delete" ).bind( "click", function() { var $this = $( this ), $row = $this.closest( "tr" ), rowId = $row.attr( "id" ); $.ajax({ url: "/Contact/Delete/" + rowId, type: "POST", success: function( data, textStatus, jqXHR ) { if ( data.status === "success" ) { $row.hide( 500, function() { $row.remove(); zebraTable(); }); } else { console.log( data.message ); } }, error: function( jqXHR, textStatus, errorThrown ) { console.log( "error", textStatus ); } }); }); function zebraTable() { $( "tr" ).removeClass( "odd" ) .filter( ":odd" ) .addClass( "odd" ); } $.mockjax({ url: "/Contact/Delete/*", responseTime: 300, responseText: { status: "success" } });