Не могу удалить нужный мне элемент через jQuery

208
23 февраля 2018, 16:42

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

$('.li_dropd').click(function() {
    $(this).addClass('active');
    $(this).addClass('liprod');
    $('.active').appendTo('.w415_h50') ;
    $('.active').removeClass('active');
    $('.but_none1').css('display','none');
});

Имеется html код, в котором есть список из которого мы выбираем нужный нам пункт, при клике на данный пункт , сам список скрывается, и пункт списка переносится внутрь тега с классом "w415_h50".

<div class="btn-group drpopdown_one_protein2_hide1">
<button class="btn btn-default btn-lg dropdown-toggle-1 but_none1" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="select_regiastr">Выберите вкус 1-го протеинового коктейля <span class="arrow_dropdown arrow_dropdown-1"> <img src="img/arrow_dropdown.png" alt=""></span></button>
<ul class="dropdown-menu drpopdown_one_protein">
<li class="li_dropd"><img src="img/bank_proteins_dropdown.png" alt="">Протеиновый коктейль <span>«Quest»</span><p class="taste">со вкусом малины</p></li>
<li class="li_dropd"><img src="img/taste_banana.png" alt="">Протеиновый коктейль <span>«Quest»</span><p class="taste">со вкусом банана</p></li>
<li class="li_dropd"><img src="img/taste_strawberries.png" alt="">Протеиновый коктейль <span>«Quest»</span><p class="taste">со вкусом клубники</p></li>
<li class="li_dropd"><img src="img/taste_vanilla.png" alt="">Протеиновый коктейль <span>«Quest»</span><p class="taste">со вкусом ванили</p></li>
</ul>
<div class="w415_h50 dis_flex_jc_al">
// сюда при выборе вставляется нужный нам пункт
</div>
</div>

Не получается при клике на данный новосозданный элемент удалить его и вернуть список. li::after тут иконка крестика, что бы удалить блок. Написал такой код, но он не срабатывает

$('.w415_h50 li::after').click(function () {
    $('w415_h50 li').remove();
    $('.but_none1').css('display','block');
});
READ ALSO
Проблема с высотой блока в sidebar-е

Проблема с высотой блока в sidebar-е

Есть вот такой вот sidebar, пытаюсь сделать к нему что-то типа footer'a, но столкнулся с проблемой: мне нужно чтобы блок footer занимал все оставшееся...

236
Градиент на фоновое изображение в Css

Градиент на фоновое изображение в Css

Добрый день возник вопрос

185
JS Drag and Drop Upload Photo

JS Drag and Drop Upload Photo

Как реализовать данную дропзону?

286
Движение поезда с помощью SVG

Движение поезда с помощью SVG

У меня есть картинка, на которой изображено движение поезда по рельсамДля создания анимации движения хочу использовать SVG

218