Question

我使用jquery使用多行。目前，当我点击＆＃34;添加新的＆＃34;按钮，添加到当前行和按钮名称下方的行更改为＆＃34;删除＆＃34;。但我需要改变过程如下：当我点击＆＃34;添加新的＆＃34;按钮，在当前行和按钮名称上方添加的行更改为＆＃34;删除＆＃34;。我需要在最后一行显示“添加新”按钮，前一行必须有“删除”按钮。我不能在上面添加一行。如果有人知道，请帮助我。

这是要检查的小提琴 http://jsfiddle.net/tWada/

$("input[type='button'].AddRow").live('click',
function() {
    var index = $(this).closest('tr').index();
    if (index > 0) {
        $(this).closest('tr').remove();

    } else {


        var $tr = $(this).closest('tr').clone(true);
        $tr.find('img').remove();
        var $input = $tr.find('input.startdatum');
        var index = $('input#counter').val();
         $('#acti_btn').val('Delete');
        var id = 'datepicker' + index;
        index++;

        $('input#counter').val(index);
        $input.attr('id', id).data('index', index);
        console.log(index);
        $tr.prependTo($(this).closest('table'));      

    }

Answer 1

尝试insertbefore（），如下所述

$tr.insertBefore($(this).closest('table'));

你可能还需要进行一些名称更改。对于insertBefore（）的数据库是here。希望有所帮助。

Answer 2

我现在得到了解决方案。我使用下面的代码

$tr.find('.AddRow').val('Delete')// set value to Delet
           .toggleClass('AddRow delete')// toggle classes
           .unbind('click'); // unbind the current events from button

而不是

$（ '＃acti_btn'）VAL（ '删除'）;

jquery多行将“添加新”更改为“删除”位置

2 个答案: