$(this).parent().data(“id”)是什么意思
时间: 2024-04-18 15:28:36 浏览: 8
`$(this).parent().data("id")` 是 jQuery 语法中用于获取当前元素的父级元素的 `data` 属性值。
这段代码分为三部分:
1. `$(this)`:这表示当前元素,通常是在事件处理函数中使用。`$(this)`将当前元素包装成一个 jQuery 对象,以便使用 jQuery 提供的方法和属性。
2. `.parent()`:这是 jQuery 的方法之一,用于获取当前元素的直接父级元素。
3. `.data("id")`:这是 jQuery 的方法之一,用于获取元素的 `data-*` 属性值。在这里,我们使用 `"id"` 作为参数,表示获取父级元素的 `data-id` 属性值。
综合起来,`$(this).parent().data("id")` 表示获取当前元素的父级元素的 `data-id` 属性值。
相关问题
if (data && data.code === 0) { if(data.data.total>=crossoptnum) { this.$message.error(this.$storage.get('tips')); return false; } else { this.$http({ url: `shebeileibie/${!this.ruleForm.id ? "save" : "update"}`, method: "post", data: this.ruleForm }).then(({ data }) => { if (data && data.code === 0) { this.$message({ message: "操作成功", type: "success", duration: 1500, onClose: () => { this.parent.showFlag = true; this.parent.addOrUpdateFlag = false; this.parent.shebeileibieCrossAddOrUpdateFlag = false; this.parent.search(); this.parent.contentStyleChange(); } }); } else { this.$message.error(data.msg); } });
这段代码是一个 Vue.js 组件中的方法,用于保存或更新设备类别信息。首先,判断 data 是否存在且 code 是否为 0,如果满足条件,则继续执行下一步,否则直接返回 false。
接着,判断 data.data.total 是否大于等于 crossoptnum,如果满足条件,则提示错误信息并返回 false,否则继续执行下一步。
然后,使用 $http 方法向后端发送请求,请求的 URL 根据 this.ruleForm.id 是否存在来判断是保存还是更新操作。请求的方法为 post,请求的数据为 this.ruleForm。
接着,使用 then 方法处理请求的响应。如果响应中的 data 存在且 code 等于 0,则显示操作成功的提示信息,并执行 onClose 回调函数,该函数用于关闭当前的添加或更新表单,并刷新父组件的数据。
如果响应中的 data 不存在或 code 不等于 0,则显示响应中的错误信息。
this.$http({ url: "lvyouluxian/page", method: "get", params: params }).then(({ data }) => { if (data && data.code === 0) { if(data.data.total>=crossoptnum) { this.$message.error(this.$storage.get('tips')); return false; } else { this.$http({ url: `lvyouluxian/${!this.ruleForm.id ? "save" : "update"}`, method: "post", data: this.ruleForm }).then(({ data }) => { if (data && data.code === 0) { this.$message({ message: "操作成功", type: "success", duration: 1500, onClose: () => { this.parent.showFlag = true; this.parent.addOrUpdateFlag = false; this.parent.lvyouluxianCrossAddOrUpdateFlag = false; this.parent.search(); this.parent.contentStyleChange(); } }); } else { this.$message.error(data.msg); } });
这段代码是一个 Vue.js 组件中的方法,使用了 Vue.js 的 Axios 库来发送 HTTP 请求。首先,它发送一个 GET 请求到 `lvyouluxian/page` 地址,并传递一个 `params` 参数。然后,它在 Promise 的回调函数中对响应数据进行处理。如果响应数据存在并且 `code` 属性为 0,就会判断 `data.data.total` 是否大于等于 `crossoptnum` 变量的值。如果是,就会显示一个错误提示信息。否则,它会发送一个 POST 请求到 `lvyouluxian/save` 或 `lvyouluxian/update` 地址,取决于 `ruleForm.id` 变量是否存在。数据会作为请求体发送。最后,对响应数据进行处理,如果 `code` 属性为 0,就会显示一个成功提示信息,否则会显示一个错误提示信息。
相关推荐
![js](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)