相关疑难解决方法(0)

如何使用jQuery删除父元素

我的jsp中有一些列表项标签.每个列表项都包含一些元素,包括一个名为delete的链接("a"标签).我想要的只是在点击链接时删除整个列表项.

这是我的代码的结构:

$("a").click(function(event) {
  event.preventDefault();
  $(this).parent('.li').remove();
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li id="191" class="li">
  <div class="text">Some text</div>
  <h4><a href="URL">Text</a></h4>
  <div class="details">
    <img src="URL_image.jpg">
    <span class="author">Some info</span>
    <div class="info"> Text
      <div class="msg-modification" display="inline" align="right">
        <a name="delete" id="191" href="#">Delete</a>
      </div>
    </div>
  </div>
</li>
Run Code Online (Sandbox Code Playgroud)

但这不起作用.我是jQuery的新手,所以我尝试了一些东西,例如:

$(this).remove();
Run Code Online (Sandbox Code Playgroud)

这有效,它会在单击时删除链接.

$("#221").remove();
Run Code Online (Sandbox Code Playgroud)

这有效,它删除指示的列表项,但它不是"动态的".

有人可以给我一个提示吗?

javascript jquery parent

61
推荐指数
4
解决办法
14万
查看次数

标签 统计

javascript ×1

jquery ×1

parent ×1