Question

现在，当我点击使用类“BTN-危险”它会移除一个单独的按钮。如何修改我的函数，以便只在与正在运行的函数相关时删除任何内容？

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(); 
});