//单项删除 $(".Dels").click(function () { var id = $(this).attr("data-id"); $.ajax({ type: "POST", url: "${ctx}/car/delete?id=" + id, contentType: "application/json", success: function (result) { } }); alert("删除成功"); $(this).parent().parent().parent().remove(); jsZj(); });

时间: 2024-04-26 20:22:47 浏览: 54

jQuery $.data()方法使用注意细节

jQuery中的$.data()方法是一个非常重要的函数，它用于存储与DOM元素相关联的数据，但使用时有一些需要注意的细节。本文档将深入介绍这些细节，以帮助开发者更好地理解和应用$.data()方法。从jQuery 1.4.3版本开始，HTML5的data-*属性会被自动添加到jQuery的data对象中。这意味着如果你在HTML元素中定义了data-*属性，你可以使用$.data()方法直接访问这些数据，而无需使用.attr()方法。例如，对于以下HTML元素： ```html <div data-role="page" data-last-value="43" data-hidden="true" data-options='{"name":"John"}'></div> ``` 可以通过$.data()方法以如下方式进行访问： ```javascript $("div").data("role") === "page"; $("div").data("lastValue") === 43; $("div").data("hidden") === true; $("div").data("options").name === "John"; ``` 接着，当使用$.data()方法获取数据值时，jQuery会尝试将获取的字符串值转换成JavaScript的数据类型。这一转换包括以下几种情况： 1. 如果值是"true"或"false"，则返回相应的布尔值。 2. 如果值是"null"，则返回null值。 3. 如果值是由纯数字构成的字符串（例如"123"），则返回相应的数字。 4. 如果值是由JSON格式字符串构成（例如"{key:value}"或"[1,2,3]"），则尝试使用jQuery.parseJSON()方法解析该值为JSON对象或数组。 5. 如果以上情况都不符合，那么返回的是原始字符串值。需要注意的是，如果你希望获取的是字符串值，而不希望它被自动转换成其他数据类型，你可以使用.attr("data-" + key)方法来获取对应的值。这个方法不会对值进行任何类型转换，而是返回HTML属性中的实际字符串值。此外，从jQuery 1.6版本起，对于带有嵌入破折号的属性名（例如data-background-color）的处理方式也有所改变，其变更符合W3C的HTML5规范。从代码逻辑上看，$.data()方法首先尝试从DOM元素中获取指定的data-*属性值。如果元素节点类型为1（即元素节点），并且内部没有找到对应的数据，则会尝试从HTML的data-*属性中获取。获取到的字符串值随后会被根据上述规则进行类型转换。要理解上述过程，我们可以查看jQuery的源码中相关部分，如下所示： ```javascript function dataAttr(elem, key, data) { // 如果在内部没有找到任何值，并且元素节点类型是1（即元素节点） if (data === undefined && elem.nodeType === 1) { // 替换掉大写字母后的破折号，使得属性名符合data-*的标准格式 var name = "data-" + key.replace(rmultiDash, "$1").toLowerCase(); data = elem.getAttribute(name); if (typeof data === "string") { try { // 尝试将获取的字符串值转换成JavaScript的数据类型 data = data === "true" ? true : data === "false" ? false : data === "null" ? null : // 只有字符串完全由数字构成时才转换成数字 +data + "" === data ? +data : // 如果数据格式像是JSON，则尝试用jQuery.parseJSON解析 rbrace.test(data) ? jQuery.parseJSON(data) : data; } catch(e) { // 如果转换出错，则忽略异常 } // 确保设置的数据不会被后续改变 jQuery.data(elem, key, data); } else { data = undefined; } } return data; } ``` $.data()方法是处理DOM元素与JavaScript数据关联的强大工具。它不仅能够简化数据管理，而且允许开发者通过简捷的方式管理数据。但是使用该方法时，开发者需要注意数据类型转换的规则，尤其是在需要保持数据原始类型时，应该使用(attr)方法获取值。正确地理解和使用这些细节，可以避免在使用$.data()方法时遇到的常见的问题和错误。

这段代码是关于单项删除的，当用户点击某个元素（class为Dels）时，会触发该元素的click事件。然后从该元素的data-id属性中获取到需要删除的id值，通过ajax发送一个POST请求给指定的url（${ctx}/car/delete），并且携带需要删除的id值。当请求成功后，执行回调函数，但是该回调函数没有任何操作。接着弹出一个提示框，提示删除成功，然后通过jQuery操作DOM将该元素的三级父节点删除。最后执行jsZj()函数。

阅读全文

//单项删除 $(".Dels").click(function () { var id = $(this).attr("data-id"); $.ajax({ type: "POST", url: "${ctx}/car/delete?id=" + id, contentType: "application/json", success: function (result) { } }); alert("删除成功"); $(this).parent().parent().parent().remove(); jsZj(); });

相关推荐

jquery $(this).attr $(this).val方法使用介绍

jquery $.post()的用法 传递json文本 客户端和服务器端相互传递

var id = $(this).parent().attr("data-id");代码中data-id指的是 删除 中的data-id还是c.id,需要把var id = $(this).parent().attr("data-id");中的data-id换成c.id吗

var id = $(this).parent().attr("data-id");代码中data-id指的是 删除 中的data-id还是c.id

浅谈jquery中的each方法$.each、this.each、$.fn.each

详解Jquery 遍历数组之$().each方法与$.each()方法介绍

JQuery下的Live方法和$.browser方法使用代码

jQuery中$.each()函数的用法引申实例_.docx

航空公司客户满意度数据转换与预测分析Power BI案例研究

最新推荐

航空公司客户满意度数据转换与预测分析Power BI案例研究

SSM Java项目：StudentInfo 数据管理与可视化分析

管理建模和仿真的文件

负载均衡技术深入解析：确保高可用性的网络服务策略

怎么解决头文件重复包含

pyedgar：Python库简化EDGAR数据交互与文档下载

"互动学习：行动中的多样性与论文攻读经历"

网络监控工具使用宝典：实时追踪网络状况的专家级技巧

unity 实现子物体不跟随父物体移动和旋转

Node.js环境下wfdb文件解码与实时数据处理

jquery $.post()的用法传递json文本客户端和服务器端相互传递

var id = $(this).parent().attr("data-id");代码中data-id指的是删除中的data-id还是c.id,需要把var id = $(this).parent().attr("data-id");中的data-id换成c.id吗

var id = $(this).parent().attr("data-id");代码中data-id指的是删除中的data-id还是c.id