jQuery或Javascript如何查找是否以rails形式检查复选框并删除表单div

Question

所以我有和html页面有一堆这样的表单元素：

<form accept-charset="UTF-8" action="/lists/17" class="edit_list" data-remote="true" id="edit_list_17" method="post">
  <div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="patch"></div><input name="list[complete]" type="hidden" value="0"><input id="list_complete" name="list[complete]" type="checkbox" value="0">

  <a class="btn btn-default btn-danger btn-xs" data-confirm="Are you sure?" data-method="delete" data-remote="true" href="/lists/17" rel="nofollow">Destroy</a><label for="list_complete">1</label>
  <a class="btn btn-default btn-info btn-xs" href="/lists/17">Show</a>
  <a class="btn btn-default btn-warning btn-xs" href="/lists/17/edit">Edit</a>

</form>

我需要做的是抓住type =“checkbox”value =“0”并检查值是否为1，如果为1则删除整个div。 有没有简单的方法呢？

目前我可以获得第一个表单元素的值，但已经尝试了几个小时，没有办法过滤或任何东西

这将找到所有形式：

$('div#incomplete').children().find('form')

这将找到第一个复选框的值：

$('div#incomplete').children().find('form').find('input:checkbox:first').attr('value')

Answer 1

使用.is（）和：选中的选择器

var checked = $('div#incomplete').children().find('form').find('input:checkbox:first').is(':checked')

---

如果要查找所有选中的复选框

var $checks = $('#incomplete').find('form input:checkbox:checked')

---

如果要删除表单

jQuery(function($){
    $('#incomplete form').has('input:checkbox:checked').remove()
})

Answer 2

尝试这个：

$('#incomplete').find('form input:checkbox:checked').closest("div").remove()

它使用对find返回的元素集的隐式迭代。 nearest（）方法返回与select（“div”）匹配的最近的祖先元素。