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

这是 FIDDLE

$('.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();

在切片参数中，您可以指定特定的div position number。

Answer 4

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

这将使用class order_del删除第二个div。

Answer 5

在jquery的文档中有例子。

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

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

名称为类的valide和任何元素。

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

5 个答案: