Question

我试图解决这个问题一段时间，我将不胜感激任何帮助。我有三列。每个列的顶部都包含一对“添加/删除”按钮。我希望添加按钮在父类之后附加父列的克隆。我已经尝试了各种方法来克隆父div但是没有用。

我还想删除按钮来删除包含列。我只使用删除按钮设置了第一列。此功能不适用于以下列。

我非常感谢你提供一些帮助。谢谢你。

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

     });

Answer 1

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

编辑2：演示2 http://jsfiddle.net/RNW24/使用$(this).closest('section.day-column').clone()你只会克隆最近的部分，而不是你案件中发生的整个部分！ :) Jquery有很好的文档，我认为你会玩得很开心！ http://api.jquery.com/closest/

要使用动态生成的元素添加点击，您需要使用.on API。

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

.on（）方法将事件处理程序附加到当前选定的集合 jQuery对象中的元素。从jQuery 1.7开始，使用.on（）方法提供附加事件处理程序所需的所有功能。对于帮助转换旧的jQuery事件方法，请参阅.bind（）， .delegate（）和.live（）。要删除与.on（）绑定的事件，请参阅 .off（）。附加仅运行一次然后删除的事件本身，见.one（）

2，删除“id = add”，因为您要复制id且身份始终是唯一的，请改用class。

第三，html有点不稳定我会把它留在你的项目导致让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');

    });

});

如何追加和删除列Div

1 个答案: