使用jQuery和Rails3从大列表中直观地删除对象



我有一个页面,上面列出了许多对象,每个对象都有一个单独的TR表行,还有一个用于保存该对象的单独表单。我想这样做,当用户为该表行单击"保存"时,该行将从屏幕上删除(并保存)。

所有保存和返回success+error的代码都很好,但我想做的是从列表中直观地删除该Object。用户可以在长列表中选择任何对象,而不仅仅是第一个或最后一个,所以当他们点击Submit时,我需要任意淡化/删除任何对象。

这可能吗?下面是单个行的代码,页面可能有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>
("#object_submit").parent().parent().parent().parent().hide();

.closest()-获取与选择器匹配的第一个元素,从当前元素开始,向上遍历DOM树。

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

最新更新