Oluşturulan öğeyi jquery

Question

kullanarak kaldır. Adı ve ayrıntıları girmek için bir tablom var. Bir düğmeden yeni alanlar oluşturdum ancak orijinalim dışındaki oluşturmamın kimsesini kaldıramıyorum. Silmek için yardım için span sınıf adını artırmayı deneyin ama hiçbir şey yok.Lütfen çözmem için bana yardımcı olun. benim çalışma kodları için yeni veri parçalarını

$(".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>'); 
}); 

eklemek ve kaldırmak istediğiniz

<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"/> 

ve şimdiden teşekkür ederiz ..

Benim orijinal veri tablosu https://jsfiddle.net/c71Lmkeh/2/ `

Answer 1

ihtiyacınız varsa DOM'a eklenen öğelere etkinlik eklemek için .on() işlevini kullanmanız gerekir. this link numaralı telefonu kontrol edin ve sorununuzu özecektir.

Answer 2

Bu ürün zarif değildir. Ben bu fonksiyonu eklendi (Pencere eklemek zorunda - görünüşe göre bir jsFiddle şey.) Ben

onclick = "deleteRecord(this);" 

O ise biraz daha kolay olacağını da ekledi "delete" div'e Sonra

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

Öğeler, tablo satırlarına yayılmamıştır, çünkü bu, her iki tablo satırını da silmek zorunda kalmaktadır. Artık sadece div'ları kullanmak daha yaygın, bu yüzden bir kayıt için tüm elementler bir divun içinde olacak ve bunu sileceksin.

Bu durumda, "delete" div'in bulunduğu satırı ve sonraki satırı siliyorum.

Answer 3

Bu, aradığınız şey mi?

Demo + Source code

JavaScript:

$(".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(); 
    }); 
    });