问题描述
|
我具有以下DOM结构:
<div class=\"city\">
<div class=\"a\">Delete</div>
<div class=\"b\">Selected</div>
<div class=\"c\">Delete</div>
</div>
如何保存城市和div类b,但是如果知道用户已选择\“ b \”,则删除div类a和c(使用console.log(variable)日志了解此信息)
基本上,您将使用哪种JQuery方法执行此操作以及如何执行此操作?
解决方法
$(\'.city\').find(\'.a,.c\').remove();
要么
$(\'.city div:not(.b)\').remove();
带类变量:
var selectedClass = \'b\';
$(\'.city div\').not(\'.\' + selectedClass).remove();
, $(\'.city\').children(\'div\').not(\'.b\').remove();
, 给定您的结构,我可能会使用以下内容:
$(\".b\").siblings().remove();
实际观看:http://jsbin.com/akuno3/edit
, $(\'.city > div:not(.b)\').remove();
, 尝试这个:
$(\"div.city div.b\").click(function() {
$(this).siblings().remove()
})
, 基本上我会这样做:
$(\".b\").click(function () {
$(\".a,.c\").remove();
});