2012-04-06 5 views
1

내 프로젝트에 jQuery 복제 및 하위 개념을 사용하고 있습니다. 내가 하나의 버튼을 클릭하여 전체 div를 복제하고 div 뒤에 삽입하여 div (클래스 clonedInput) 내에서 하나의 테이블을 사용하고 있습니다. 이 시간에 : "Jquery 클론 하위 집합

var num  = $('.clonedInput').length; 
var newNum = new Number(num + 1); 
var newElem = $('#input' + num).clone().attr('id', 'input' + newNum); 
$('#input' + num).after(newElem); 

" 이를 사용하여 나는 DIV id를 증가하고있다. 동시에 테이블 tr 및 td의 ID를 늘리고 싶습니다. 그 때문에 나는 children.attr()을 시도했다. 그러나 이것은 테이블 ID를 증가시키지 않습니다. 아무도 나를 위해 이것을 명확히 할 수 있습니까?

미리 감사드립니다.

+0

당신이하고 싶은 것이 무엇인지 명확히 할 수 있습니까? 귀하의 질문이 무엇인지는 명확하지 않습니다. – jmort253

+0

페이지의 레이아웃이 필요합니다. – Alexander

+0

세부 정보를 추가하는 중입니다. 사용자가 버스 경로 세부 정보와 같은 데이터를 추가하면 경로 추가를 원할 경우 경로 추가 버튼을 클릭하여 테이블 세부 정보를 반복합니다. –

답변

2

증분 된 ID가있는 행에 입력을 생성하는 함수가 있습니다. 이것은 당신이 찾고있는 것이 아니지만 나는 그것이 당신에게 작업을 수행하는 방법에 대해 상당히 좋은 아이디어를 줄 것이라고 확신합니다.

var numbers =0 
$(function() { 
var newRowNum = 0; 

    $('#addnew').click(function() { 
     newRowNum++; 
     ///////////// <a> <td> <tr> 
     var addRow = $(this).parent().parent(); 
     ///////////// In the line below <tr> is created 
     var newRow = addRow.clone(); 
     $('input', addRow).val(''); 
     $('td:first-child', newRow).html(); 
     $('td:last-child', newRow).html('<a href="" class="remove">Remove<\/a>'); 
     $('input', newRow).each(function(i) { 
      var newID = newRowNum + '_' + i; 
      $(this).attr('id', newID).attr('name', newID); 
     }); 
     addRow.before(newRow); 

     $('a.remove', newRow).click(function() { 
      $(this).parent().parent().remove(); 
      return false; 
     }); 

     return false; 
    }); 
    numbers = newRowNum; 
}); 
2

당신이 뭘 하려는지 분명하지 않다,하지만 내 생각 엔 당신이 시도 할 수 있다는 것입니다 :



    var num  = $('.clonedInput').length; 
    var newNum = new Number(num + 1); 
    var newElem = $('#input' + num).clone(); 

    newElem.attr('id', 'input' + newNum); 
    $('#input' + num).after(newElem); 

을 전체

$('#input' + num).clone().attr('id', 'input' + newNum);

부분은 당신이 복제 제공되지 않을 수 있습니다 객체가 아니라 부울 결과 또는 일부 정수.

문제가 해결되지 않으면 append() 함수를 사용해보십시오.

+0

모두에게 감사드립니다. 나는 문제를 해결했습니다 ... –

+0

@ Dinesh.B 도와 줘서 기쁩니다. 이 경우 정확한 답을 바로 확인하는 것을 잊지 마십시오. – anuragsn7