Jquery 如何仅删除选中的div元素

我只想删除选中的div元素。我的脚本正在删除所有动态创建的div元素。我做错了什么

HTML:

标题：

链接：



添加
删除

jquery：

$(function () {
    $(".btn-success").click(function () {
        var title_val = $("#title").val();
        var link_val = $("#link").val();
        $(".content").append('<div class="content_wrapper"><div class="col-xs-6 col-md-4"><ol class="breadcrumb"><h4>' + title_val + '</h4><input type="checkbox" class="checkbox"></ol><a href="http://' + link_val + '" class="thumbnail"></a></div></div>');
    });
    $(document).on("click", ".btn-danger", function () {
        if ($(".checkbox").is(":checked")) {
            $(".content_wrapper").remove();
        }
    });
});

$（函数（）{
$（“.btn成功”）。单击（函数（）{
var title_val=$（“#title”）.val（）；
var link_val=$（“#link”）.val（）；
$（“.content”）.append（“”+title_val+“”）；
});
$（文档）.on（“单击”、“.btn危险”，函数（）{
如果（$（“.checkbox”）.是（“：checked”））{
$（“.content_wrapper”）.remove（）；
}
});
});

---

如果在包装器中添加复选框，只需在单击的复选框上方找到该类型最接近的祖先：

$(document).on("click", ".btn-danger", function() {
    $(".checkbox").each(function(){
        if($(this).is(":checked")) {
            $(this).closest(".content_wrapper").remove();
        }
    });
});

或（如Satpal所建议）

---

您的HTML和代码在单独使用时有点令人费解（因为您显示的删除选项似乎与您添加的容器无关，但我现在明白了）。：）

为什么不简单

$（“.checkbox:checked”）.closest（“.content\u wrapper”）.remove（）？@TrueBlueAussie谢谢！
$(document).on("click", ".btn-danger", function() {
    $(".checkbox").each(function(){
        if($(this).is(":checked")) {
            $(this).closest(".content_wrapper").remove();
        }
    });
});

$(document).on("click", ".btn-danger", function() {
    $(".checkbox:checked").closest(".content_wrapper").remove();
});