Визуальное удаление объекта из большого списка с использованием jQuery и Rails3

Question

У меня есть страница со многими объектами в списке, каждая из которых содержит отдельную таблицу TR, и отдельную форму для сохранения этого объекта. Я хочу, чтобы, когда пользователь нажимает кнопку Сохранить для этой таблицы, эта строка удаляется с экрана (и сохраняется).

Весь код для сохранения и возврата успеха + ошибки работает нормально, но я хочу визуально удалить этот объект из списка. Пользователь может выбрать любой объект в длинном списке, а не только первый или последний, поэтому мне нужно будет произвольно исчезать / удалять любой объект, когда он нажимает кнопку Отправить.

Возможно ли это? Ниже приведен код отдельной строки, на странице может быть более 30 из них.

<tr class="objectRow">
 <td>
  <form accept-charset="UTF-8" action="/objects" class="new_object" data-remote="true" id="new_object" method="post">
      <......input select boxes go here...........>
     <p><input id="object_submit" name="commit" type="submit" value="Create Object" /></p>
  </form>           
 </td>
</tr>

Answer 1

("#object_submit").parent().parent().parent().parent().hide();

или

.closest () - Получить первый элемент, соответствующий селектору, начиная с текущего элемента и продвигаясь вверх по дереву DOM.

$("input [type=submit]").click(function(){
  $(this).closest('tr.objectRow').hide();
});