如何使用jQuery删除父元素
如何使用jQuery删除父元素
提问于 2011-07-11 16:48:06
我的jsp中有一些列表项标记。每个列表项都包含一些元素，包括一个名为delete的链接("a“标记)。我所要做的就是在单击链接时删除整个列表项。
下面是我的代码结构：
$("a").click(function(event) {
event.preventDefault();
$(this).parent('.li').remove();
});<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>
但这不管用。我是jQuery的新手，所以我尝试了一些东西，比如：
$(this).remove();这是可行的，它会在点击时删除链接。
$("#221").remove();这行得通，它会删除指定的列表项，但它不是“动态的”。
有人能给我点建议吗？
回答 5
Stack Overflow用户
发布于 2013-10-29 21:58:59
使用unwrap()怎么样？
<div class="parent">
<p class="child">
</p>
</div>在使用- $(".child").unwrap()之后，它将是；
<p class="child">
</p>Stack Overflow用户
发布于 2011-07-11 16:54:24
使用parents()而不是parent()
$("a").click(function(event) {
event.preventDefault();
$(this).parents('.li').remove();
});Stack Overflow用户
发布于 2017-07-10 18:00:30
删除父级：
$(document).on("click", ".remove", function() {
$(this).parent().remove();
});删除所有父级：
$(document).on("click", ".remove", function() {
$(this).parents().remove();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6647736
复制相关文章
相似问题
腾讯云开发者
