jQuery - 通过 $(this) 访问层次结构上五层的父 <li>

Question

我有一个嵌套结构:

<li id="RCL137_1" class="rcl137">
  <table>
    <tbody>
       <tr>
          <td>
             <img id="RCDEL137_1" class="icon_rcdel" src="images/icon_delete.png">

如果图像是 $(this)，是否有一种简单的方法可以在不使用 ID 的情况下引用它所属的行？ (例如，parent li某事某事...)我可以通过parent().parent()来做到这一点...但必须有一种更简洁的方法。

顺便说一句:我一直通过 ID 来完成，但我想添加一个类似于以下内容的类事件处理程序:

$('#container').on('click', '.icon_rcdel', function (e) {
    $(this). [navigate to li] .remove();

谢谢。

Answer 1

$(this).closest('li').remove();

参见http://api.jquery.com/closest/

和http://api.jquery.com/find/