Я создаю грубый прототип и застрял на следующем:
У меня есть кнопка, которая создает «группы», и другая функция, которая добавляет кнопки («кнопки уменьшения / увеличения») к«активная» группа, которая контролирует размер группы.
Есть еще одна кнопка, которая удаляет последнюю группу с помощью метода detach, но поскольку кнопки сокращения / увеличения добавляются к этой группе, они также отключаются в этой функции.
Моя проблема в том, что я хочу добавить эти кнопки в следующую «активную» группу, что, как я думал, я мог бы сделать, поскольку detach не полностью удаляет элементы из DOM.Мне просто интересно, не смогу ли я выбрать кнопки «уменьшить / увеличить» и добавить их, когда их родительской группы больше нет в DOM?
Вы можете видеть мой код в этой ручке кода: https://codepen.io/bbulman/pen/byvOER
$("button.remove-last").click(function(){
var totalTiles = $(".tile").length;
if(totalTiles >=1 ){
$(".tile-group" ).last().detach();
$( ".tile-group" ).last().addClass( "active" ).$(".grow-buttons").appendTo(".tile-group.active");
;
console.log("remove group");
}