我有一个页面,上面列出了许多对象,每个对象都有一个单独的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();
});