使用 jQuery 删除表格行和显示的实体

Question

我有一个这样生成的表：

<table>
    <tr>
    <th>Članovi postave:</th>
    <c:if test="${not empty user}">
        <c:if test="${user.admin eq true}">
        <td><a href="AddClanPostave">Dodaj novog člana postave</a></td>
    </c:if>
        </c:if>
</tr>
<c:forEach items="${noviFilm.clanoviPostave}" var="clanPostave">
    <tr>
        <td><c:out value="${clanPostave}"/><br><td>
    <c:if test="${not empty user}">
        <c:if test="${user.admin eq true}">
        <form action="RemoveServlet" method="post">
            <input type="hidden" name="type" value="movie"/>
            <input type="hidden" name="entity" value="${clanPostave.id}"/>
        <td><input type="submit" value="Remove"></td>
        </form>
        </c:if>
    </c:if>
    </tr> 
</c:forEach>
</table>

现在，我对网络编程很陌生。我大部分都了解 servlet、.jsp 和 el 以及 jstl，并且我开始学习 jQuery。这里的代码调用有问题的 servlet，从适当的列表中删除给定的实体并重新加载页面，但我想知道是否有更快更简单的方法来使用 jQuery 来做到这一点？

类似：

$(".delete").live('click', function(event) {
    $(this).parents('tr').remove();
});

问题是我不确定这在列表上是否正常工作，而不仅仅是显示。

一个附带问题 - 是否有更有效的方法来获取所选对象。我现在正在做的是存储他的 UUID id 属性，然后遍历列表并比较 toString 值。有没有更好的方法？

Answer 1

真正的问题是什么？坏了吗？

你不应该使用live，而应该使用最新的 jQuery 版本并这样写：

$(document).on("click", ".delete", function(event) {
    $(this).parents('tr').remove();
});

当你在做的时候，改进 HTML :-)

<table>
  <thead>
    <tr>
    <th>Clanovi postave:</th>
    <c:if test="${not empty user}">
        <c:if test="${user.admin eq true}">
        <td><a href="AddClanPostave">Dodaj novog clana postave</a></td>
    </c:if>
        </c:if>
    </tr>
  <thead>
  <tbody>
    <c:forEach items="${noviFilm.clanoviPostave}" var="clanPostave">
      <tr>
          <td><c:out value="${clanPostave}"/><br><td>
      <c:if test="${not empty user}">
          <c:if test="${user.admin eq true}">
          <form action="RemoveServlet" method="post">
              <input type="hidden" name="type" value="movie"/>
              <input type="hidden" name="entity" value="${clanPostave.id}"/>
          <td><input type="submit" value="Remove"></td>
          </form>
          </c:if>
      </c:if>
      </tr> 
    </c:forEach>
  </tbody>
</table>