송장에서 행 추가/제거

Question

안녕하세요 jquery 멍청한 놈입니다. 청구서 페이지를 만들고 있는데 jquery 코드가 ".row"를 사용하고 있고 행이 많은 인보이스에 새로운 행을 추가했습니다. 내 메인 페이지에서 페이지의 첫 번째 행을 복제하는 충돌이 발생합니다. 내 행이 ID에 있음을 컨테이너에 알린 다음 DOM을 사용하여 컨테이너의 마지막 행을 선택하여 행을 삭제하거나 행을 추가 할 수 있습니다.

<div class="container" id="itemrow"> 
    <div class="row" id="addrow"> 
     <div class="col-md-2"> 
      <input type="text" placeholder="Item #1" class="form-control" /> 
     </div> 
     <div class="col-md-6"> 
      <input type="text" placeholder="Description" class="form-control" /> 
     </div> 
     <div class="col-md-1"> 
      <input type="text" placeholder="Qty." class="form-control" /> 
     </div> 
     <div class="col-md-1"> 
      <input type="text" placeholder="Tax" class="form-control" /> 
     </div> 
     <div class="col-md-2"> 
      <input type="text" placeholder="Item Total" class="form-control" /> 
     </div> 
    </div> 
    <input type='button' id='add' value='Add item' class="btn btn-success" /> 
    <button type="button" class="btn btn-primary" id="remove">Remove</button> 
    <script> 
     $('#add').click(function() { 
      var n = $('.row').length + 1; 
      var temp = $('.row:first').clone(); 
      temp.attr('id', temp.attr('id') + n); //avoiding duplicate ID 
      $('input:first', temp).attr('placeholder', 'Item #' + n) 
      $('.row:last').after(temp); 
     }); 

     $(document).ready(function() { 
      $("#remove").click(function() { 
       $(".row:last").remove(); //Remove section. 
      }); 
     }); 
    </script> 

Answer 1

당신은이 같은 선택 사용해야 제거()의 경우

$(".row div:last") 

을이 작동하는 방법

$(".row div:last").remove(); 

당신은 이해해야한다, 당신이 쓰는 .row : 마지막으로, "row"클래스로 모든 요소를 ​​얻었고 마지막으로 그것을 얻었습니다.

".row div : last"를 사용하면 "row"클래스가있는 요소가 생성되고 그 안에있는 모든 div, 원하는 div 중 마지막 div가 나타납니다. 도망.