使用jQuery刪除parent.parent HTML div？

Question

使用jQUery，我該如何處理刪除父項的父項？我目前的PHP只刪除父div，它只是刪除「刪除按鈕」本身，而不是包含的輸入框。

PHP：

 $(document).ready(function() { 
      var max_fields = 10; //maximum input boxes allowed 
      var wrapper = $(".input_fields_wrap"); //Fields wrapper 
      var add_button = $(".add_field_button"); //Add button ID 

      $(wrapper).on("click",".remove_field", function(e){ //user click on remove text 
       e.preventDefault(); $(this).parent('div').remove(); x--; 
      }) 
     }); 

HTML：

  <div class="row subrow"> 
       <div class="form-group col-lg-8"> 
        <div class="input-group"> 
         <span class="input-group-addon">Event Name</span> 
         <input type='text' class='form-control input-sm' name="mytext[]"> 
        </div> 
       </div> 
       <div class="col-lg-4"><a href="#" class="remove_field">Remove</a></div> 
      </div> 

Answer 1

如果您將始終讓父級父級擁有班級行，則可以使用closest向上遍歷樹，以匹配父級元素並將其刪除。

$(wrapper).on("click",".remove_field", function(e){ //user click on remove text 
    e.preventDefault(); 
    $(this).closest(".row").remove(); 
    x--; 
}) 

Answer 2

替換此：

$(this).parent('div').remove(); 

有了這個：

$(this).parent().parent().remove();