fadeOutキャンセルボタンのクリック時の現在の要素

以下は、追加ボタンをクリックして動的要素を作成する私のコードです。が、私はここに fadeOutキャンセルボタンのクリック時の現在の要素

のdiv

のクリックだけではないのonclick butttonの要素をフェードアウトしたいことは、私のコードです

<head> 
 
\t <script 
 
    src="https://code.jquery.com/jquery-3.2.1.js" 
 
    integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" 
 
    crossorigin="anonymous"></script> 
 
\t <script> 
 
\t \t $(document).ready(function(){ 
 
\t \t \t $("#btn").click(function(){ 
 
\t \t \t \t $("#new").append("<div>New li <button>X</button></div>"); 
 
\t \t \t }) 
 
\t \t \t 
 
\t \t \t $("#new").on('click','div',function(){ 
 
\t \t \t \t $(this).fadeOut(); 
 
\t \t \t }) 
 
\t \t }) 
 
\t \t 
 
\t </script> 
 

 
\t <input type="button" name="btn" id="btn" value="ADD"> 
 
<div id="new"> 
 
</ul>

これはただのdivのクリック時にフェードアウトし、私はしたくありませんこの動作

出典

2017-10-25 Paritosh Mahale

2番目のパラメータ 'div'をキャンセルボタンに変更します。 – Salketer

この

<script 
 
    src="https://code.jquery.com/jquery-3.2.1.js" 
 
    integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" 
 
    crossorigin="anonymous"></script> 
 
<script> 
 
    $(document).ready(function(){ 
 
     $("#btn").click(function(){ 
 
      $("#new").append("<div class='ParentDiv'>New li <button>X</button></div>"); 
 
     });  \t \t \t 
 
     $("#new").on('click','button',function(){ 
 
      $(this).closest(".ParentDiv").fadeOut(); 
 
     }); 
 
    });  \t \t 
 
</script> 
 

 
<input type="button" name="btn" id="btn" value="ADD"> 
 
<div id="new"> 
 
</div>

してみてください

出典

2017-10-25 07:18:43

fadeOutキャンセルボタンのクリック時の現在の要素

答えて

関連する問題