jQuery parent next не работает

Question

Я борюсь с одной проблемой, с которой я не могу справиться, у меня есть таблица с записями из моей базы данных, она создается через цикл while, поэтому все они выглядят одинаково. Проблема заключается в простой .delete клике, а затем .warning fadein function все divs с тем же классом появятся, но мне нужен код, который появится только один div. Надеюсь, ты понял.

HTML код:

<td> 
    <img class='delete' title='Delete Row' alt=\"Delete\" src='css/images/delete.png'/> 
    <div class='warning'>Are you sure you want to delete this record ?<br/> 
    <a id='yes' href=\"delete_client.php?column1=".$row['client_id']."\">Yes</a> 
    <a id='no'>No</a> 
    </div> 
</td> 
<br/> 
<td> 
    <img class='delete' title='Delete Row' alt=\"Delete\" src='css/images/delete.png'/> 
    <div class='warning'>Are you sure you want to delete this record ?<br/> 
    <a id='yes' href=\"delete_client.php?column1=".$row['client_id']."\">Yes</a> 
    <a id='no'>No</a> 
    </div> 
</td> 
<br/> 
<td> 
    <img class='delete' title='Delete Row' alt=\"Delete\" src='css/images/delete.png'/> 
    <div class='warning'>Are you sure you want to delete this record ?<br/> 
    <a id='yes' href=\"delete_client.php?column1=".$row['client_id']."\">Yes</a> 
    <a id='no'>No</a> 
    </div> 
</td> 

Я попробовал этот код JQuery, но это, кажется, не работает, потому что ничего не появляется.

$('.delete').click(function() { 
    $(this).parent().next('.warning').fadeIn('slow'); 
}); 

Answer 1

Вам просто нужно сделать это -

$('.delete').click(function() { 
    $(this).next('.warning').fadeIn('slow'); 
});