使用表格标题添加和删除div标签

时间:2012-08-07 10:38:41

标签: jquery

我正在尝试让我的代码运行,但insertAfter在第一个div标签之后插入div而不是最后一个。
我想在最后一个之后动态地将其添加。
如果用户点击删除按钮然后div将删除单击删除按钮。
我的标题也不太好用。需要进行一些小的调整。

<script type="text/javascript" src="jquery.js"></script>

$(document).ready(function() {
    var uniqueId = 1;
    $("#addRequest").click(function() {
        var RequestDiv = "#div_" + $('#combo_3 option:selected').val() + "_1";
        var RequestTableCap = "tbl_" + $('#combo_3 option:selected').val();
        if ($(RequestDiv).is(":visible")) {
            var template = $(RequestDiv).clone();
            uniqueId++;

            template.find('input,select,textarea,table').each(function() {
                var newId = this.id.substring(0, this.id.length - 1) + uniqueId;
                $(this).prev().attr('for', newId); // update label for
                this.name = this.id = newId; // update id and name (assume the same)    
            })

            .end()
            .attr('id', 'div_data_1_1_1_1_' + uniqueId)
            .appendTo('#idRequestDetails');

            var TableCaption = 'Request #:  ' + uniqueId + '  ' + $('#combo_2 option:selected').text() + '    ' + $('#combo_1                        option:selected').text() + ' (' + $('#combo_3 option:selected').text() + ')';
            var tbcaption = document.getElementById('RequestTableCap').createCaption()
            tbcaption.innerHTML = TableCaption

        }

        if ($(this).attr("enabled", true)) {
            if ($("#div_data_1_1_1_1_1").is(":hidden")) {
                $(RequestDiv).slideDown("fast"); //Slide Down Effect
                var RequestTableCap = "tbl_" + $('#combo_3 option:selected').val();
                var TableCaption = 'Request #:  ' + uniqueId + '  ' + $('#combo_2 option:selected').text() + '    ' + $('#combo_1 option:selected').text() + ' (' + $('#combo_3 option:selected').text() + ')';
                var tbcaption = document.getElementById(RequestTableCap).createCaption()
                tbcaption.innerHTML = TableCaption;

            }
        }
        else {

            $(RequestDiv).slideUp("fast"); //Slide Up Effect
        }

    });
    $('.removeReq').click(function() {
        $(this).closest.attr('div').remove();

    });
});

0 个答案:

没有答案