jQuery删除选定的div
Posted
技术标签:
【中文标题】jQuery删除选定的div【英文标题】：Jquery remove selected div 【发布时间】：2011-04-14 15:28:26 【问题描述】： <div id="a_all">
<div>  <input type="checkbox" name="m_a">1</input<br></div>
<div>  <input type="checkbox" name="m_a">2</input<br></div>
<div>  <input type="checkbox" name="m_a">3</input<br></div>
<div>  <input type="checkbox" name="m_a">4</input<br></div>
</div>
如果第一个复选框被选中如何删除完整的 div 使用 jquery 中的复选框
【问题讨论】：
您的 html 代码似乎已损坏。</input> 结尾标签没有结尾 ´>´。
【参考方案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();
);
);
【讨论】：
以上是关于jQuery删除选定的div的主要内容，如果未能解决你的问题，请参考以下文章
使用 jQuery 突出显示选定的 ASP.NET DataGrid 行