jQuery删除选定的div答案

【问题标题】：Jquery remove selected divjQuery删除选定的div
【发布时间】：2011-04-14 15:28:26
【问题描述】：

  <div id="a_all">
  <div>&nbsp;&nbsp;&nbsp;&nbsp<input type="checkbox" name="m_a">1</input<br></div>
  <div>&nbsp;&nbsp;&nbsp;&nbsp<input type="checkbox" name="m_a">2</input<br></div>
  <div>&nbsp;&nbsp;&nbsp;&nbsp<input type="checkbox" name="m_a">3</input<br></div>
  <div>&nbsp;&nbsp;&nbsp;&nbsp<input type="checkbox" name="m_a">4</input<br></div>
  </div>

如果第一个复选框被选中如何删除完整的 div 使用 jquery 中的复选框

【问题讨论】：

您的 HTML 代码似乎已损坏。 </input> 结尾标签没有结尾 ´>´。

标签： jquery jquery-ui jquery-selectors jquery-validate

【解决方案1】：

你好拉吉夫

试试这个

<html>
    <head></head>
    <body>
        <div id="all">
        <div>1<input type=checkbox name="test" value="10"/></div>
        <div>2<input type=checkbox name="test" value="20"/></div>
        <div>3<input type=checkbox name="test" value="30"/></div>
        </div>
    </body>
</html>

jquery

$("#all input").click(function() {
    alert($("input:checked").val());
    $(this).parent().remove();
});

现场演示

http://jsfiddle.net/QpEVe/1/

【讨论】：

【解决方案2】：

jQuery('input[type=checkbox]').bind('change',_handleCheckboxChange);

function _handleCheckboxChange(e)
{
   var _elm=jQuery(e.target);
   if(_elm.filter(':checked'))
   {
       _elm.parents('div:first').remove()
   }
}

【讨论】：

【解决方案3】：

您可以这样做以将点击绑定到每个复选框。它将删除您单击的每个复选框的父元素：

$(function(){
  $('#a_all :checkbox').click(function(){
    $(this).parent().remove();
  });
});

【讨论】：