jquery刪除功能不工作小鬍子模板

我想實現一個使用小鬍子和jQuery的形式，我有添加按鈕，不斷添加新的形式和刪除它刪除相應的窗體。表單的HTML使用小鬍子完成，每個表單都有Delete按鈕，現在我想刪除第一個表單的這個刪除圖標/按鈕。jquery刪除功能不工作小鬍子模板

我試圖使用jQuery刪除但不工作的，不知道我在做什麼錯？

$(document).ready(function() { 
    var output = $("#output");  
    var template = $("#test1").html(); 

    // var rendered = Mustache.render(template, {name: "Luke"}); 

    var customTemplate = Mustache.render(template, {bikename: "ABCD"}); 
    $(customTemplate).find('.delete').hide(); 

    output.append($(customTemplate)); 

     $('#addepod').on('click', function(){ 
      customTemplate = Mustache.render(template, {bikename: "New Bike"}); 

      output.append(customTemplate); 
    }); 

    $('#output').on('click','#deletepod',function() { 
     $(this).parent().remove(); 
     }); 
});

Fiddle Here

來源

2016-04-25 Sharath Bangera

我試圖

output.find('.delete').remove();

它爲我！

但我不確定爲什麼我們不能從鬍鬚模板中刪除元素，如果你們有任何人知道請讓我知道。

來源

2016-04-25 09:41:59

編輯

如果你想從第一形態上的刪除圖標，用自己的方式做到這一點是好的。只需刪除點擊處理程序。

我只是注意到，當你添加新的表單時，有一些重複的#deletepod的ID。你必須使用類來代替良好的工作行爲。

下面是修改後的HTML部分：

<input type="button" class="delete" value="Delete"/>

而且修改後的JS部分：

$('#output').on('click','.delete',function() { 
    $(this).parent().remove(); 
});  

$(".delete").first().remove();

Fiddle with class instead of duplicate ID

來源

2016-04-25 09:44:35

jquery刪除功能不工作小鬍子模板

回答

相關問題