如何追加和刪除列分數

我試圖解決這一段時間，我將不勝感激任何幫助。我有三列。每個列在頂部都包含一對添加/刪除按鈕。我想要添加按鈕來添加父列後的父列的克隆。我嘗試過克隆父列的各種方法，但無濟於事。如何追加和刪除列分數

我也想要刪除按鈕來刪除包含列。我只設法使用刪除按鈕來處理第一列。該功能不適用於以下列。

我會很感激一些幫助。謝謝。

$(document).ready(function() { 

    $("#add").click(function() { 
    $(".day-column").append(".day-column"); 
    $('.day-column').clone().attr('class','.day-column').insertAfter('.day-  column:first'); 
    }); 

    $("#remove").click(function() { 
    $(".day-column:first").remove('.day-column:first'); 
    }); 

    });

來源

2013-10-07 Leroy Tah-dow Herschel Silverm

您的jsFiddle有一些好奇的HTML：'

'。錯字？ – gibberish

工作演示：http://jsfiddle.net/2WUtB/

編輯2：演示2http://jsfiddle.net/RNW24/與使用$(this).closest('section.day-column').clone()你只會克隆最近的部分而不是一大堆這是發生在你的情況！ :) Jquery有很好的文檔，我認爲你會玩得很開心，你會成爲一個快樂的小夥子！ http://api.jquery.com/closest/

要添加點擊動態生成的元素，您需要使用.on API。

API：.on：http://api.jquery.com/on/

的。對（）方法附加事件處理程序到當前選定設置在jQuery對象元素。從jQuery 1.7開始，.on（）方法提供了附加事件處理程序所需的全部功能。有關幫助轉換舊的jQuery事件方法，請參閱.bind（）， .delegate（）和.live（）。要移除使用.on（）綁定的事件，請參閱 .off（）。要附加只運行一次，然後刪除本身的事件，請參閱。一（）

2ndly，刪除「ID =加上」要複製的id和身份始終是唯一的，使用class代替。

第三個HTML是有點wonky我會留在你的項目導致讓UI的人決定。

希望這有助於:)

一些有用的鏈接：

代碼

$(document).ready(function() { 

    $(document).on('click', '.add', function() { 
     alert('Click is bind with add button'); 
     $("ul").append("<li></li>"); 
     $('.day-column').clone().attr('class', '.day-column').insertAfter('.day-column:first'); 
    }); 

    $(document).on('click', '.remove', function() { 
     alert('Click is bind with remove button'); 
     $(".day-column:first").remove('.day-column:first'); 

    }); 

});

來源

2013-10-07 20:38:55

@ Tats_innit謝謝。該方法的工作，但不幸的是，它也克隆了第一列後的整行列。我只想讓第一列（父）自己克隆一個重複的列。我當然感謝你的努力。感謝您的見解。乾杯。 –

@ LeroyTah-dowHerschelSilverm很高興幫助':)）'saweet哥們，我會看看，當我自由！ –

@ Tats_innit我並不是指任何不敬。我是新來的stackoverflow，我仍然搞清楚我的東西了。我問得太多了。感謝您分享您的知識和解決方案。我會小心不要在未來犯同樣的錯誤。謝謝。 –

如何追加和刪除列分數

回答

相關問題