onclick регистрация для нескольких кнопок с тем же именем класса

Question

Прямо сейчас, когда я нажимаю на отдельную кнопку, использующую класс «btn-danger», она будет удалена. Как изменить мои функции, чтобы удалить только что-либо, когда оно связано с выполняемой функцией?

function UpdateTrash(wo) 
{ 
    jQuery.ajax({ 
     type: "POST", 
     url: "functions/markTrash.php", 
     data: 'wo='+wo, 
     cache: false, 
     success: function(response) 
     { 
      //alert("Record successfully updated"); 
     } 
    }); 
} 

$("#dataTables-example").on('click', '.btn-danger', function() { 
    $(this).parent().parent().remove(); 
}); 

$("#dataTables-example2").on('click', '.btn-danger', function() { 
    $(this).parent().parent().remove(); 
}); 

Кнопка:

<td><br><center><button type="button" name="trashButton1" class="btn btn-danger" onClick="UpdateTrash(<?php echo $orow['WorkOrder']; ?>);"/>Trash</button></a></center></td> 

Другая кнопка:

<td><center> 
<button type="button" name="rush1" class="btn btn-outline btn-danger" onClick="UpdateRush(<?php echo $orow['WorkOrder']; ?>);"/>Rush</button> 
</center><br><center> 
<button type="button" name="pool1" class="btn btn-outline btn-info" onClick="UpdatePool(<?php echo $orow['WorkOrder']; ?>);"/>RFP</button></a> 
</center></td> 

Answer 1

Я предполагаю, что этот вопрос находится в вашем селекторе JQuery.

$(this) -><button></button>

.parent() -><div></div>

Вот рабочий пример. https://jsfiddle.net/gcLt9d8f/

HTML:

<div id="dataTables-example"> 
<button class='btn-danger'> 
Button 1 
</button> 
</div> 

<div id="dataTables-example2"> 
<button class='btn-danger'> 
Button 2 
</button> 
</div> 

JS (Jquery):

$("#dataTables-example").on('click', '.btn-danger', function() { 
    $(this).parent().remove(); 
}); 

$("#dataTables-example2").on('click', '.btn-danger', function() { 
    $(this).parent().remove(); 
});