主动检查删除整个ul
主动检查删除整个ul
提问于 2012-05-19 19:22:27
Jquery中有一个问题，每当我单击复选框并单击div内的delete选项时，它就会删除整个ul，而不是它的父ul。
HTML代码
<div class="delete">Delete</div>
<ul class="link" id="link">
<li>
<div class="style">
<input type="checkbox" class="styled">
<div id="style"></div>
</div></li>
<li class="edit">http://carouselinfo.com/canal/</li>
<li><span class="main edit">123</span>
</li>
</ul>JQUERY
$('.delete').on('click',function(){
var check = $("input[type='checkbox']");
if(check.is(':checked')){
//console.log("Works");
$(this).closest("ul").empty();
}
}); 回答 3
Stack Overflow用户
回答已采纳
发布于 2012-05-19 19:59:09
这是与html和jquery一起使用的。
更新：http://jsfiddle.net/YNxgy/5/
$('.delete').on('click',function(){
var check = $("input[type='checkbox']");
check.each(function(){
if($(this).is(':checked')){
$(this).closest("ul").remove();
}
});)；
问题是，复选变成了所有复选框的列表，所以您需要循环遍历并检查其中的每个复选框。
Stack Overflow用户
发布于 2012-05-19 19:43:45
试试这个：
$('.delete').on('click',function(){
$("input[type='checkbox']:checked").closest('ul').empty();
});Stack Overflow用户
发布于 2012-05-19 19:50:26
在看到Fiddle之后，您想要的似乎是删除单击复选框的父ul：
见勤务活！
JQUERY
// clicking the checkbox, remove parent UL
$('.link div').on("click", 'input[type="checkbox"]', function() {
$(this).closest('ul').remove();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10668188
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号