2011-04-25 24 views
0

任务克隆div元素(.cloneable)及其子元素形式,显示隐藏锚,其允许用户以除去DIV的实例。可复制的。jquery的删除/隐藏的元件(删除按钮)时克隆元件的一个实例保持

问题一旦只剩下一次.cloneable的实例,我想隐藏锚点(id dltBtn)。

尝试的解决方案我试图修改.cloneable上的过滤器和选择器,或者使它只在隐藏一个实例后才隐藏,但无济于事。

最后,我希望能够遍历输入元素,重置它们并修改它们的ID。

代码如下:


$(document).ready(function() { 
     $('#dltBtn').hide(); 
     $('#addBtn').click(function() { 
      $('#dltBtn').show(); 
      var c = $('.nestedDiv').find('.cloneable:first').clone(true); 
     // Loop through inputs under cloneable 
     // resetId, reset value will go here stubbed out for now 
     $('.cloneable:last').after(c);     
     });   
     $('#dltBtn').click(function() { 
     if (confirm('continue delete?')) { 
      $(this).closest('.cloneable').remove(); 
      $('#dltBtn:last').hide($('.cloneable:child').length == 0); 
     } else { 
      $('#dltBtn:parent').hide($('.cloneable').length == 1); 
     } 
     }); 
    }); 
+0

'$:(c)后( '可复制的最后一次。')。 })'缺少分号 – ianace 2011-04-25 05:19:11

+0

谢谢,ianace。固定。实际上,我忽略了多余的内容。 – Robert 2011-04-25 05:30:48

回答

1

最后,我希望能够遍历输入要素,重置它们并修改其ID。

clone.find(':input').val('').attr('id', function(index, oldId) { 
    return oldId + index; 
})