jqueryを使用してidで作成した要素を削除します

Question

名前と詳細を入力するためのテーブルがあります。私はボタンから新しいフィールドを作成していますが、元のものを除いて誰かを削除することはできません。 私は削除スパンクラス名を削除しようとするが、何もしないでください。私はそれを解決する手助けをしてください。私は私の作業コードについては、新たなデータ部分

$(".yuzdeotuz").click(function(){ 
    var strtab = $(this).attr('id'); 
    alert(strtab); 
    $("."+strtab).remove(); 

}); 
// To add new bolum stream source field dynamically, on click of "Add More Source" button 
$('#add_more_part').click(function() { 

    var tabcount = $('.yuzdeotuz').length; 
    if (tabcount == 1 || tabcount != 1) 
    { 
     tabcount++; 
     mytab = "tab"+tabcount; 
    } 

    $(".source").append('<span id="sprtdiv" class='+mytab+'><table width="90%" border="1"><tr><td><input type="text" class="yuzdeyetmis" name="partname[]" value="" id="pname" placeholder="Name" /><div id='+mytab+' class="yuzdeotuz"> DELETE </div></td></tr><tr><td><textarea rows="3" name="partdetay[]" id="pdetay" placeholder="Detail"></textarea></td></tr></table> </span>'); 
}); 

を追加し、削除したい

<span class="source"> 
    <span id="sprtdiv" class="tab1"> 
     <table width="90%" border="1"> 
      <tr><td><input type="text" class="yuzdeyetmis" name="partname[]" value="" id="pname" placeholder="Name" /><div id="tab1" class="yuzdeotuz"> DELETE </div></td></tr> 
      <tr><td><textarea rows="3" name="partdetay[]" id="pdetay" placeholder="Detail"></textarea></td></tr> 
     </table> 
    </span> 
</span> 
<input type="button" id="add_more_part" class="upload" value="Add New Record"/> 

と事前に感謝..

私の元のデータテーブルhttps://jsfiddle.net/c71Lmkeh/2/ `

Answer 1

あなたが必要な場合DOMに挿入された要素にイベントを追加するには、.on（）関数を使用する必要があります。 this linkを確認して問題を解決します

Answer 2

これは優雅ではありません。私は（ウィンドウに追加する必要がありました - どうやらそれはjsFiddleことだ。）この機能を追加した

window.deleteRecord = function(deleteButton) { 
    var deleteButtonRow = $(deleteButton).closest("tr"); 
    var textAreaRow = deleteButtonRow.next("tr"); 
    deleteButtonRow.remove(); 
    textAreaRow.remove(); 
} 

続いた場合、私は

onclick = "deleteRecord(this);" 

を追加したdiv要素は、それが少し楽になる「削除」に要素は両方の表の行を削除する必要があるため、表の行にまたがって配置されませんでした。 divsを使うのが一般的です.1つのレコードのすべての要素が1つのdiv内にあり、それを削除するだけです。

この場合、「削除」ディビジョンが含まれる行と次の行が削除されます。

Answer 3

これはあなたの探しているものですか？ user2175535 @私はこれを必要と

$(".add").on("click", function() { 
    var newDiv = $("<div class='details'><div class='inputs'><input type='text' class='input1'/><br/><br/><input type='text' class='input2'/></div><div class='button'><a href='#' class='delete'>Delete</a></div><br/></div>") 
    $(".source").append(newDiv); 
    $(newDiv).on("click", "a", function() { 
     $(newDiv).remove(); 
    }); 
    });