jquery trouver le plus proche de la classe et de l'enlever

Je suis en train de supprimer list_product ensemble du bloc si delete classe est cliqué. Je suis très nouveau à jquery et encore à apprendre.

<div class='list_product'>
    <div class='row'>
        <div class='delete'>x</div>
        <div class='title'>Standing Fan</div>
     </div>
</div>
<div class='list_product'>
    <div class='row'>
        <div class='delete'>x</div>
        <div class='title'>Standing Fan 2</div>
     </div>
</div>
<div class='list_product'>
    <div class='row'>
        <div class='delete'>x</div>
        <div class='title'>Standing Fan 3</div>
     </div>
</div>
<div class='list_product'>
    <div class='row'>
        <div class='delete'>x</div>
        <div class='title'>Standing Fan 4</div>
     </div>
</div>

Jquery:

$('.delete').click(function() {
   $(this).find('.list_product').remove();
});

Ne fonctionne pas. je peux savoir pourquoi et comment puis-je résoudre ce problème? grâce

cette question peut aider: stackoverflow.com/questions/11376207/...

OriginalL'auteur user1594367 | 2012-08-14