jquery find nearest class and remove it

Question

I am trying to remove `list_product` entire block if that particular `delete` class is clicked. I am very new to jquery and still learning. ```

x

Standing Fan

x

Standing Fan 2

x

Standing Fan 3

x

Standing Fan 4

``` Jquery: ``` $('.delete').click(function() { $(this).find('.list_product').remove(); }); ``` Is not working. may i know why and how do i fix it? thanks

Accepted Answer

Just do `$(this).closest('.list_product').remove()`. API ref: http://api.jquery.com/closest/ `find` searches through the children of the current element. In this case, the `.delete` elements don't have any children. Conversely, `closest` goes up thru the DOM, looking for the first ancestor with the class `list_product`. Hope this helps.

jquery find nearest class and remove it

Solution

Problem