Как удалить все элементы с тем же классом

Question

Итак, у меня есть система, которую пользователь сайта может создать div, и все эти div получат разные имена классов, при этом все эти div также создадут кнопку удаления с тем же класс. Как удалить кнопку и div с тем же классом, нажав на кнопку.

Я figure'd это было бы что-то вроде этого:

$("div.Test").remove(); 

только чем с этим тегом.

Answer 1

В событии нажатия вашей кнопки:

var thisClass = $(this).attr("class"); 
$('div.' + thisClass).remove(); 

Answer 2

$("button").click(function(){ 

    $("div."+$(this).attr('class')).remove(); 
    // $("."+$(this).attr('class')).remove(); to remove both button and div 

}); 

Предполагая, что button имеет только одно имя класса, что тоже совпадает с именем класса дел.

Answer 3

Вам нужно выбрать все кнопки. Я бы создал кнопки с классом, который вы можете использовать для доступа, и использовать атрибут data, чтобы удерживать класс удаляемых div. как это:

<button class="remove-btn" data-remove="div-class">Remove</button> 

Затем вы можете сделать что-то вроде этого:

$(function(){ 
    $('.remove-btn').on("click", (function(){ 
     var remove = $(this).data('remove'); 
     $('.' + remove).remove(); 
     $(this).remove(); 
    }); 
}); 

Answer 4

Сначала вам нужно получить класс кнопки вы нажали, затем найдите div с тем же классом и удалите его. Позже, просто удалите кнопку, на которую вы нажали:

$("#your-button-id").click(function() { 
    var className = $(this).attr('class'); // find the button class 
    $('div.' + className).remove(); // remove the div with the same class as the button 
    $(this).remove(); // remove the button 
});