jquery remove parent tr не работает в первый раз

Question

При нажатии кнопки удаления я хочу удалить родительский tr. Проблема в том, что когда я нажимаю кнопку «Удалить», она мигает и не удаляет tr при первом щелчке, а затем, когда я нажимаю кнопку «delete» во второй раз, iut удаляется. Пожалуйста, помогите

$(".adel").on('click', function() {  
    $(this).parents('tr').hide(); 
}); 

<tr id="rowtr"> 
    <td></td> 
    <td id="rowtd"> 
     <a id="" class="adel" href=''> 
      <img src='del.png'> 
     </a> 
    </td> 
</tr> 

Answer 1

попробовать это:

$(".adel").on('click', function (e) {  
    e.preventDefault(); 
    $(this).closest('tr').remove(); 
}); 

рабочую скрипку здесь: http://jsfiddle.net/2ZHBC/1/

Answer 2

Попробуйте

$(".adel").on('click', function (e) { 
e.preventDefault();  
$(this).parents('tr').remove(); 
}); 

Answer 3

Я ожидаю, что вы ищете, чтобы предотвратить действия по умолчанию из <a>:

$(".adel").on('click', function (e) { 
    e.preventDefault(); 
    $(this).parents("tr").hide(); 
}); 

Answer 4

Добавьте это к вашему a тегу:

<a class="adel" href='javascript:void();'><img src='del.png'/></a> 

Answer 5

Попробуйте это:

$(function(){ 
    $(".adel").on('click', function (e) { 
     e.preventDefault(); 
     $(this).parents('tr').hide(); 
    }); 
}); 

See demo here

Answer 6

Попробуйте использовать следующий код.

$(".adel").on('click', function (e) { 
    e.preventDefault(); 
    e.stopPropagation(); 
    $(this).parents('tr').hide(); 
});