2016-11-09 18 views
0

テキストボックスの変更イベントでフォームを作成しました。ulとliをテキストボックステキストで作成する必要がありました。ユーザーは1つの確認で削除できるはずです。ul liをテキストボックス上でdivに追加する方法jueryでdivからul liを削除する

juleryの下にulとliを追加することはできますが、特定の(削除したいアイテムの)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); 
      } 
    }); 

いくつかお手伝いをしてください。事前のおかげ

+1

するvarテキスト= $(この).val()このjQueryのコードを入れてライン以下

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

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

を交換する必要があります; if($( 'li:contains(text).length){ //あなたのコード } –

答えて

1

にあなたはその後、

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

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

}); 
+0

削除されるアイテムの値またはテキストを取得するにはどうすればよいですか? – Rocky

+1

$(document).on (); remove(); $(this).parent()。remove();(); '。removeLi'、function(){ $(this).parent()。prev( 'li.btn-gradient')。 }); –

+1

var value = $(this).parent()。prev( 'li.btn-gradient')。テキスト();を削除する前に使用できます。 –

関連する問題