Использование 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();