在该按钮<input type="submit" value="删除">加一个删除功能 $(function(){ $(".delete-but").click(function() { $(this).closest("tr").remove(); }); })
时间: 2024-04-26 15:22:37 浏览: 29
这是一个 jQuery 代码块,它会在页面加载完成后执行。它会绑定一个 click 事件处理程序到类名为 "delete-but" 的元素上,当用户点击该元素时,它会查找最近的父级 tr 元素并将其删除。因此,如果你想让这个删除按钮生效,你需要在 HTML 页面中添加一个类名为 "delete-but" 的元素,并且该元素应该位于一个表格的行内,这样才能找到最近的父级 tr 元素并将其删除。
相关问题
在该按钮<input type="submit" value="删除">加一个删除功能 $(function(){ $(".delete-but").click(function() { $(this).closest("tr").remove(); }); })怎么修改代码
如果你想让这个删除按钮能够删除服务器上的数据,你需要将 jQuery 代码块中的点击事件处理程序修改为向服务器发送 Ajax 请求,以便删除相应的数据。具体来说,你需要在 click 事件处理程序中编写一个 Ajax 请求,将请求发送到服务器的某个 URL 上,并将要删除的数据的 ID 作为参数传递给服务器。服务器收到请求后,根据 ID 删除相应的数据,并返回一个响应表示操作是否成功。
下面是一个示例的 jQuery 代码,它会向服务器发送一个 POST 请求,将要删除的数据的 ID 作为参数传递给服务器,服务器收到请求后会将相应的数据删除并返回一个 JSON 格式的响应:
```
$(function(){
$(".delete-but").click(function() {
var id = $(this).data("id");
var url = "/delete";
$.ajax({
url: url,
type: "POST",
data: {id: id},
dataType: "json",
success: function(data) {
if (data.success) {
$(this).closest("tr").remove();
} else {
alert("删除失败!");
}
},
error: function(xhr, status, error) {
alert("删除失败:" + error);
}
});
});
});
```
在上面的代码中,我们使用了 jQuery 的 ajax() 方法来发送一个 POST 请求到服务器上的 "/delete" URL,其中传递了一个名为 "id" 的参数,它的值为当前按钮的 data-id 属性值,即要删除的数据的 ID。服务器收到请求后,根据 ID 删除相应的数据,并返回一个 JSON 格式的响应,表示操作是否成功。如果删除成功,我们就可以通过 $(this).closest("tr").remove() 语句来删除当前行的数据。如果删除失败,则会弹出一个提示框,告知用户删除失败的原因。
在该按钮<input type="submit" value="删除">的基础上点击则删除一条数据的代码
如果你想让这个删除按钮能够删除一条数据,你需要将 jQuery 代码块中的点击事件处理程序修改为向服务器发送 Ajax 请求,以便删除相应的数据。具体来说,你需要在 click 事件处理程序中编写一个 Ajax 请求,将请求发送到服务器的某个 URL 上,并将要删除的数据的 ID 或其他标识符作为参数传递给服务器。服务器收到请求后,根据标识符删除相应的数据,并返回一个响应表示操作是否成功。
下面是一个示例的 jQuery 代码,它会向服务器发送一个 POST 请求,将要删除的数据的 ID 作为参数传递给服务器,服务器收到请求后会将相应的数据删除并返回一个 JSON 格式的响应:
```
$(function(){
$(".delete-but").click(function() {
var id = $(this).data("id");
var url = "/delete";
$.ajax({
url: url,
type: "POST",
data: {id: id},
dataType: "json",
success: function(data) {
if (data.success) {
$(this).closest("tr").remove();
alert("删除成功!");
} else {
alert("删除失败!");
}
},
error: function(xhr, status, error) {
alert("删除失败:" + error);
}
});
});
});
```
在上面的代码中,我们使用了 jQuery 的 ajax() 方法来发送一个 POST 请求到服务器上的 "/delete" URL,其中传递了一个名为 "id" 的参数,它的值为当前按钮的 data-id 属性值,即要删除的数据的 ID。服务器收到请求后,根据 ID 删除相应的数据,并返回一个 JSON 格式的响应,表示操作是否成功。如果删除成功,我们就可以通过 $(this).closest("tr").remove() 语句来删除当前行的数据,并弹出一个提示框告知用户删除成功。如果删除失败,则会弹出一个提示框,告知用户删除失败的原因。