удаление родителя родительского div

Question

У меня есть форма, которая, если пользователь нажимает на удаление, мне нужно удалить всю строку.

  <div id='a_<?php echo $a;?>'> 
        <div class='leftDesc'>Code</div> 
        <div class='inputText'><input type='text' name='code[]' value='<?php echo $code;?>' id='code[]'></div> 
        <div class='centerDesc'>Description</div> 
        <div class='inputText'><input type='text' name='desc[]' value='<?php echo $desc;?>' size='32' maxlength='32' id='desc[]'></div> 
        <div class='centerDesc'><input type='button' class='remDisp' value='Remove Code' id='removeCode_<?php echo $a;?>'></div> 
      </div> 

, когда пользователь нажимает кнопку удалить, я хочу, чтобы удалить всю строку (ДИВ а_ $ а)

как я пишу в основном:

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

Answer 1

Если вы ищете альтернативный подход, который не зависит от позиции элемента, связывает их атрибутом данных или классом, например: Live demo here (click).

<div id="bar"></div> 
<button class="remDisp" data-foo="bar">Some Button</button> 

<script> 
    $(document).ready(function() { 

    var buttons = $('.remDisp'); //get a reference to your buttons 
    buttons.click(function() { //add the click function to the buttons 
     var foo = $(this).attr('data-foo'); //get "foo" attr (value of "bar" in this case) 
     $('#'+foo).remove(); //find the element with id of foo's value (bar) 
    }); 

    }); 
<script> 

Вы имеете в виду «Где я могу поместить свой код javascript и как его прикрепить к кнопке?»

<script> 
    $(document).ready(function() { 

    var buttons = $('.remDisp'); //get a reference to your buttons 
    buttons.click(function() { //add the click function to the buttons 
     $(this).parent().parent().remove(); //remove the grandparent of the clicked button. 
    }); 

    }); 
<script>