js中$(this).parent().attr("lay-value")如何获取内容

时间: 2024-03-21 21:37:43 浏览: 60

layer父页获取弹出层输入框里面的值方法

在这篇关于layer弹出层父页面如何获取弹出层输入框里的值的详细方法的文章中，涉及到了Web前端开发中的多个知识点。文章主要讲解了如何在使用layer组件弹出层时，通过父页面的JavaScript代码获取子页面（弹出层）输入框中的数据，并将这些数据利用隐藏控件带回父页面，以便进行后续处理。知识点一：layer弹出层组件的使用 Layer是一款简洁、易用的Web弹出层组件，广泛用于Web前端开发中实现模态框、页面对话框等。它允许开发者方便快捷地创建弹出层，并且可以自定义弹出层的标题、大小、遮罩层关闭功能等属性。layer组件支持多种类型，比如提示、确认对话框和页面级别的弹出层。在本篇文章中，layer被用来创建一个填写详情的弹出层。知识点二：跨页面数据交互在Web开发中，经常遇到需要在不同页面间进行数据交互的情况。文章中提到，开发者需要在弹出层中获取用户输入的数据，并将其返回父页面以进行进一步处理。为了实现这一点，父页面中嵌入了隐藏的表单控件，用于存储从弹出层传回的数据。知识点三：iframe的使用在文章示例代码中，弹出层内容是通过iframe嵌入的。iframe是一种能够在当前页面内嵌入另一个独立HTML页面的技术，可以用来从另一个源加载内容。通过操作iframe页面，可以间接地获取iframe内部元素的数据。文章中使用了`layer.getChildFrame('body', index)`方法来获取iframe页面的body，进而操作其中的DOM元素。知识点四：JavaScript操作DOM 文章核心内容是如何在JavaScript中操作DOM来获取元素和它们的值。例如，`body.find("#CenterAmount").val()`这一段代码使用了jQuery的选择器和方法，查找iframe中ID为`CenterAmount`的元素，并获取其值。这里的`val()`方法是jQuery中用于获取输入元素值的方法。通过类似的方式，可以获取其他隐藏字段的值。知识点五：数据处理获取到的数据是原始的字符串格式，文章中的处理逻辑是先对数据进行非数字字符的清理，然后转换为数字类型以便进行数学运算。这是在前端进行数据处理的常见做法，使用JavaScript的字符串处理方法和Number函数完成类型转换。知识点六：页面事件处理当在弹出层完成操作并点击“确定”按钮时，会触发`yes`回调函数，在其中执行了获取数据和存储数据的操作。这里的事件处理逻辑包括弹出层的关闭、数据的获取和累加计算等。事件处理是前端开发中的核心知识点之一，它允许程序响应用户的操作，执行相应的处理。知识点七：数据验证在获取数据后，文章的示例代码还进行了一次空值验证，确保每个输入项即使用户没有输入，也会有一个默认值（如0）。这是为了防止后续操作中因数据缺失而引发错误。数据验证是保证数据准确性和程序健壮性的重要步骤。总结来说，文章详细介绍了layer弹出层组件的使用、跨页面数据交互、iframe技术、JavaScript操作DOM、数据处理、页面事件处理以及数据验证等Web前端开发中的多个关键知识点，对于想深入理解这些概念和提升开发技能的开发者具有一定的参考价值。

`$(this).parent().attr("lay-value")` 用于获取当前元素的父元素的 `lay-value` 属性值。这个属性值是通过 jQuery 的 `attr()` 方法获取的。如果要获取这个属性值的具体内容，可以直接使用 `attr()` 方法获取，例如： ``` var value = $(this).parent().attr("lay-value"); console.log(value); // 输出 lay-value 属性的值 ```

阅读全文

js中$(this).parent().attr("lay-value")如何获取内容

相关推荐

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

$attr和$listener.xmind

js中$(this).parent().attr("lay-value")如何获取文本内容

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

$(this).parent().siblings('input.formOption').attr('title', li_value);这段代码的含义

SELECT c.sort sort1, c.name namel, b.sort sort2, b.name name2->a.attr_value FROM sh goods attr value a ->JOIN sh_goods_attr b oN a.attr id =b.id >JOIN sh goods_attr c ON b.parent id =c.id >WHERE a.goods id =5 ->ORDER BY c.sort ASC，b.sort AsC;的语法错误修改

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

jquery1.7 API/jquery-1.7.1.min.js/jquery-1.7.1.js

Backbone.Model-set-and-trigger-changes-to-nested-attributes:适当设置嵌套的 attr 属性并触发更改事件

<input type="text" name="username" value="默认有值状态" class="layui-input"> 如何给在获取焦点时 给input标签加上 lay-affix="clear" 失去焦点时删除 lay-affix="clear"

SELECT attr value FROM sh goods attr_value WHERE attr id In->(SELECT id FROM sh goods attr WHERE parent id =1);的语法错误修改

<input type="text" name="username" value="默认有值状态" class="layui-input"> input框获取焦点时添加 lay-affix="clear" 属性

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

数据库基础测验20241113.doc

微信小程序下拉选择组件

DICOM文件+DX放射平片-数字X射线图像DICOM测试文件

Jupyter Notebook《基于双流 Faster R-CNN 网络的 图像篡改检测》+项目源码+文档说明+代码注释

最新推荐

JS中Attr的用法详解

数据库基础测验20241113.doc

黑板风格计算机毕业答辩PPT模板下载

管理建模和仿真的文件

提升点阵式液晶显示屏效率技术

在SoC芯片的射频测试中，ATE设备通常如何执行系统级测试以保证芯片量产的质量和性能一致？

CodeSandbox实现ListView快速创建指南

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

点阵式显示屏常见故障诊断方法

名词性从句包括哪些类别？它们各自有哪些引导词？请结合例句详细解释。

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

<input type="text" name="username" value="默认有值状态" class="layui-input"> 如何给在获取焦点时给input标签加上 lay-affix="clear" 失去焦点时删除 lay-affix="clear"

Jupyter Notebook《基于双流 Faster R-CNN 网络的图像篡改检测》+项目源码+文档说明+代码注释