<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> .box{ width:500px; height:500px; } .shan-box{ width:500px; height:150px; background:#666; } .shan-box:nth-child(odd){ background:#ccc; } </style> </head> <body> <div class="box"> <input type="button" value="删除" class="delete"/> <div class="shan-box"> <input type="checkbox" /> </div> <div class="shan-box"> <input type="checkbox" /> </div> <div class="shan-box"> <input type="checkbox" /> </div> <div class="shan-box"> <input type="checkbox" /> </div> </div> </body> <script type="text/javascript" src="花枪B端静态页/js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function(){ $(".delete").click(function(){ var obj_checked=$(".shan-box input:checked"); var obj_shan=$(".shan-box input:checked").parent(".shan-box"); if(obj_checked.length > 0){ obj_shan.remove(); }else{ } }) }) </script> </html>