jquery - 如何从具有相同类名的 div 中删除特定的 div？

Question

如何从具有相同类名的 div 中删除特定的 div？

.<.div class='order_number'><input type='button' class='order_del' value='del1' /></div>
.<.div class='order_number'><input type='button' class='order_del' value='del2' /></div>
.<.div class='order_number'><input type='button' class='order_del' value='del3' /></div>
.<.div class='order_number'><input type='button' class='order_del' value='del4' /></div>
.<.div class='order_number'><input type='button' class='order_del' value='del5' /></div>
.<.div class='order_number'><input type='button' class='order_del' value='del6' /></div>

我想删除第二个 div 或我选择的内容。

jQuery(".order_del").live('click', function(){
    // ??????
}

我应该怎么办？

Answer 1

这是小提琴

$('.order_del').on('click',function(){
    $(this).parent('div.order_number').remove();
});

Answer 2

$(document).on('click','.order_del', function(){
    $(this).remove();
});

Answer 3

尝试这个

$(".Order_del").find("div").slice(3).remove();

在 slice 参数中，您可以指定特定的div position number.

Answer 4

$(document).on('click','.order_del', function(){
        $('div.order_del:nth-of-type(1n)').remove();
    });

这将删除带有 order_del 类的第二个 div。

Answer 5

在jquery的文档中有示例。

此示例适用于当您单击按钮以删除具有.order_del类的项目时。

$("button").click(function () {
$(".order_del").remove();
});

按名称类和任何元素验证。