Как добавить ul li в div по изменению текстового поля и удалить ul li из div с помощью JQuery

Question

У меня есть форма, в которой на событие изменения текстового поля мне нужно создать ul и li с текстом текстового поля, и если пользователь хочет удалить добавленный элемент то пользователь может удалить с одним подтверждением.

Я могу добавить ul и li ниже jquery, но я хочу знать, как удалить конкретный (элемент с пользователем хочет удалить) ul и li из div.

<div id="divDynamic"></div> 

$('#txtItem').blur(function() { 
     var addedItems = []; 
     var text = $(this).val(); 
     if ($('li:contains(' + text + ')').length === 0) { 
      var _tempUL = $('<ul/>').addClass('navlist'); 
      $("#divDynamic").append(_tempUL); 
      var liText = $('<li/>').addClass('btn-gradient').html(text); 
       _tempUL.append(liText); 
       _tempUL.append('<li class="close"><a href="#"><img src="/Images/close.png" /></a></li>'); 
      addedItems.push(text); 
      } 
    }); 

Кто-то, пожалуйста, помогите мне. Заранее спасибо

Answer 1

Вам нужно заменить ниже линии

_tempUL.append('<li class="close"><a href="#"><img src="/Images/close.png" /></a></li>'); 

в

_tempUL.append('<li class="close"><a href="#" class="removeLi"><img src="/Images/close.png" /></a></li>'); 

затем поместить этот код JQuery

$(document).on('click', '.removeLi', function() { 

    $(this).parent().prev('li.btn-gradient').remove(); 
    $(this).parent().remove(); 

});