jQuery:隐藏表行

Question

这是按下删除按钮时调用的函数。确认删除后，我想隐藏删除tr:

function delete_confirmation(id) {
var $tr = $(this).closest('tr');
swal({
title: "Are you sure?",
text: "To delete this patient!",
icon: "warning",
buttons: true,
dangerMode: true,
})
.then((willDelete) => {
if (willDelete) {
$.ajax({
url: localStorage.getItem("base_url") + '' + 'index.php/Patient_ws/delete/',
timeout: 4000,
type: "POST",
data: ({id: id}),
}).done(function () {
$tr.remove();
})
.fail(function () {
swal({
title: ' erreur in server, try later...',
type: 'warning'
})
})
} else {
swal("Patient not deleted");
}
});
}

Html标记：

<a href="#" class="btn btn-danger btn-xs" onclick="delete_confirmation(<?php echo $patient->id_personne;?>)">
<i class="fa fa-trash-o"></i> Delete </a>

我想藏起来，请帮忙。

Answer 1

除非从html传入，否则onclick函数中没有显式this。尝试console.log(this)会发现它可能是Window，而不是元素

由于您已经在使用jQuery，我建议也将其用于事件侦听器，并将php输出移动到数据属性

HTML

<a class="delete-row-btn btn btn-danger btn-xs" 
data-id="<?php echo $patient->id_personne;?>">

JS-

$(document).on('click','.delete-row-btn', delete_confirmation)
function delete_confirmation(event) {    
event.preventDefault();
// now `this` is the button
var id = $(this).data('id')
var $tr = $(this).closest('tr');
// all else should be same
swal({
.....
}