행 삭제 JQuery

Question

완료 될 때마다 삭제할 ​​수 있도록 각 행의 맨 오른쪽에 X가있는 버튼을 만들고 싶습니다. 동일한 JQuery 메서드를 사용하여 행을 만드는 방법은 무엇입니까? 나는 <tr>을 시도했지만 이러한 태그를 사용하여 테이블을 만들지는 않습니다. 도움

var $button = $('#add-row'), 
    $row = $('.SigEvent').clone(); 

$button.click(function(){ 
    $row.clone().insertBefore($button); 
    }); 
}); 

<div class="Cell"> 
    <input type="text" name="Sig[]" style="width: 99%" required class="UPPER" /> 
</div> 

Answer 1

상위 행을 제거하는에 클릭을 결합하는 것이다 제거 버튼을 만들기위한

감사합니다.

뭔가 목록

유사

$button.on('click', function() { 
    var parentButton = $(this); 
    $row.clone().insertBefore(parentButton); 
    var closeButton = $("<button>"); 
    parentButton .append(closeButton); 
    closeButton.on('click', function() { 
     $(this).parents(parentButton).parent('.Cell').remove(); 
    }); 
}); 

뭔가. 첫 번째 이벤트 내에서 추가 이벤트를 래핑 할 수 있습니다.

기본적으로 새 닫기 단추로 빌드 된 각 행에 대해 생성되도록 추가 행에 닫기 단추를 작성합니다. closeButton.on ('click')은 해당 요소에 바인딩 된 다음 클릭시이 경우 부모 행을 제거하는 등의 작업을 수행 할 수 있습니다.