Jquery 搜索并删除<；部门>；如果在父级之后存在，则为特定类别<；部门>；_Jquery

Jquery 搜索并删除<；部门>；如果在父级之后存在，则为特定类别<；部门>；

jquery

Jquery 搜索并删除<；部门>；如果在父级之后存在，则为特定类别<；部门>；,jquery,Jquery,在以下情况下，当单击类=添加时，如果类编辑，标志，删除，以及更多内容出现在父级之后，我如何检查并删除这些呢如果存在这些，则需要清除它们，以便可以在那里添加新的。我熟悉remove（），但我一直在用上面的类和父部件查找多个不太可能所有的东西都会出现，我已经为这个例子对它们进行了硬编码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; cha

在以下情况下，当单击

类=添加

时，如果类

编辑

，

标志

，

删除

，以及更多内容出现在父级

之后，我如何检查并删除这些

呢
如果存在这些
，则需要清除它们，以便可以在那里添加新的
。我熟悉remove（）
，但我一直在用上面的类和父部件查找多个

不太可能所有的东西都会出现，我已经为这个例子对它们进行了硬编码
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Side bar poll thingy</title>
<script type="text/javascript" src="http://localhost/site/scripts/jQueryCore.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(".add").click(function() {
        // Find and remove all div's with classes flag, edit, delete, that may appear after the </div>
        // containing the <span> that was clicked 

    });
});
</script>
</head>
<body>

<div id="container">

    <div class="h1" data-id="1">Teachers <span class="add" data-id="US01">Add New</span></div>
    <div class="flag">Flag</div>
    <div class="edit">Edit</div>
    <div class="h2" data-id="2">Who is your favorite Math teacher? <span class="add" data-id="US02">Add New</span></div>
    <div class="flag">Flag</div>
    <div class="edit">Edit</div>
        <br>
    <div class="h1" data-id="8">Restaurants <span class="add" data-id="US10">Add New</span></div>
    <div class="flag">Flag</div>
    <div class="edit">Edit</div>
    <div class="h2" data-id="9">Which is your favourtie restaurant in town? <span class="add" data-id="US20">Add New</span></div>
    <div class="flag">Flag</div>
    <div class="edit">Edit</div>

</div>

</body>
</html>


侧栏投票的东西
$（文档）.ready（函数（）{
$（“.add”）。单击（函数（）{
//查找并删除所有可能出现在
//包含已单击的
});
});
教师添加新的
旗帜
编辑
你最喜欢的数学老师是谁？新增
旗帜
编辑


餐馆增加了新的服务
旗帜
编辑
城里你最喜欢哪家餐馆？新增
旗帜
编辑
试试看
$（文档）.ready（函数（）{
$（“.add”）。单击（函数（）{
//查找并删除所有可能出现在
//包含已单击的
var$this=$（this）；
$this.parent（）.nextUntil（'div:has（.add）'，.flag、.edit、.delete'）.remove（）；
//$this.parent（）.nextUntil（'div:h1'，'.flag、.edit、.delete'）.remove（）；
});
});

演示：
试试看
$（文档）.ready（函数（）{
$（“.add”）。单击（函数（）{
//查找并删除所有可能出现在
//包含已单击的
var$this=$（this）；
$this.parent（）.nextUntil（'div:has（.add）'，.flag、.edit、.delete'）.remove（）；
//$this.parent（）.nextUntil（'div:h1'，'.flag、.edit、.delete'）.remove（）；
});
});

演示：

如果您按下data id=“US01”
span您希望删除哪些div，您可以删除“容器”的完整内容，即使用$（“#容器”）.html（“”）；按data id=“US01”
将删除它下面的标记Edit
。如果按data id=“US01”
span您希望删除哪些div，您可以删除“container”的完整内容，即使用$（“#container”）.html（“”）；按data id=“US01”
将删除您在下方看到的编辑标志。
$(document).ready(function() {
    $(".add").click(function() {
        // Find and remove all div's with classes flag, edit, delete, that may appear after the </div>
        // containing the <span> that was clicked 

        var $this = $(this);
        $this.parent().nextUntil('div:has(.add)', '.flag, .edit, .delete').remove();
        //$this.parent().nextUntil('div:h1', '.flag, .edit, .delete').remove();
    });
});

$(".add").click(function() {
    $(this).parent().nextAll('.flag, .edit, .delete').remove();
});