1、问题表述
在我们动态生成的页面内容时,我们会在真正的内容外套一层容易控制的标签,但是如果要以这个标签作为依据获取其下的所有值,可能会因为不经意间多加了几层,在后面的取值便会出现与预期不同的结果。
2、问题事例
例如我们要在下面的表格内容中添加真正的数据
<table width="300" id="content">
<tr>
<th>机构</th>
<th style="display:none"></th>
<th>名称</th>
<th>集合类型</th>
</tr>
</table>
3、在dom解析中,table的下一级标签默认是tbody,所以为了方便,我们会在动态生成的内容加入tbody标签,这样在解析中就可以使用tbody作为一个参考点取出下面节点的所有内容。
4、如果在你不小心在生成行的时候都创建了一个tbody,那么在取值是会遇到取值缺失的情况。
5、我的解决办法:
在我们开始操作的时候初始化一个tbody给table,然后每次只在这个tbody中添加节点。如果再次执行操作时根据开关来判断是否再次添加tbody。
比如我们的初始化操作为
//_tbody是全局的tbody变量
//bl是控制开关
var _tbody,bl=true
function init(id){ if(it){ _tbody = createObject("tbody"); $id(id).appendChild(_tbody); bl = false; } }
|
这样在下面的操作我们就有了一个tbody,操作就方便了!!在下面的添加 tr 时就针对_tbody对象了!
分享到:
相关推荐
通过事件触发机制,各分布式电源能够获取到最优的有功功率值,进而实现成本最小化下的功率经济分配。 分布式一致性算法是实现微网中分布式电源协调控制的重要手段。一致性算法能够使网络中的所有节点达成一致的控制...
当我们想要触发某个元素上的事件时,jQuery会自动寻找绑定在该元素上的对应事件处理函数并执行它。这种方法虽然方便,但在内部实现上其实包含了获取事件处理函数、模拟事件触发等一系列复杂的逻辑。 在实际的开发...
EasyUI文本框提供了多种事件,如blur、focus、change等,其中blur事件是指文本框失去焦点时触发的事件。我们可以通过在文本框的data-options中指定events属性来绑定blur事件,如:${user.staffno}"/> 在上面的代码...
`done`函数会在用户选择日期并关闭日期选择面板时触发,参数`value`是用户选择的日期字符串,`date`是完整的日期对象,`endDate`如果是范围选择则表示结束日期。 ```javascript laydate.render({ elem: '#demo', ...
本教程将详细讲解如何在Vue组件间进行值传递以及事件触发,帮助你更好地理解并运用这些概念。 一、组件间传值 1. `props` 下传:父组件向子组件传递数据是最常见的传值方式,通过在子组件定义`props`属性接收父...
这里需要注意的是,在HTML代码中,table元素需要被放置在一个指定的div中,这样在绑定事件时才能通过jQuery的find方法准确找到table元素。 具体到代码实现,可以使用jQuery的on方法为table的tr元素绑定双击事件。当...
它们根据时间`t`、初始值`b`、变化量`c`和总时长`d`来计算动画的中间值,为动画提供不同的缓动效果,如四次方缓出、回弹缓出等。 7. **滑动切换组件**: - `SlideTrans` 类是实现图片切换的关键。它接收容器对象、...
- 当用户释放按键时触发 `onkeyup` 事件,当按下按键时触发 `onkeydown` 事件。 2. **延时定时器 (setTimeout)** - `setTimeout` 函数用于设置一个延时定时器,在指定的毫秒数之后执行一次函数。 - 本例中,`...
当PLC点的值发生变化时,KepServer会触发事件,客户端接收到事件后执行相应的处理代码。 在“OPC_DEMO”这个压缩包中,可能包含了演示代码和指南,帮助开发者理解如何实现上述步骤。通常,这些示例代码会展示如何...
在这个函数中,我们可以获取当前选中的值,并根据这个值来改变另一个下拉框的状态。如果值为空,我们可以设置另一个下拉框为不可选,即禁用状态: ```javascript var dropdown2 = document.getElementById('...
在实现自动触发select的点击事件时,我们不仅需要了解layui提供的API,还需要理解DOM的结构和事件绑定机制。通过上述步骤,我们能够不操作页面的情况下,改变select元素的值。 ### 实际应用场景 - **表单预填充**: ...
这段代码会为所有name为group1的radio按钮注册change事件,当任何一个radio的选中状态发生变化时,就会触发此函数,并打印出当前选中的radio的值。 5. Radio分组 如文档描述所示,一组radio的name属性值必须相同,...
在EXT GridPanel中,获取某一单元格的值是常见的操作,特别是在实现自定义事件处理或数据验证时。 在提供的代码段中,我们看到一个监听`cellclick`事件的例子,这是EXT GridPanel中用于捕获用户点击单元格时的事件...
### 键盘Keycode值与JavaScript触发事件 在前端开发中,经常需要处理用户的键盘输入事件,例如表单验证、快捷键操作等场景。在JavaScript中,可以通过监听`keydown`、`keyup`或`keypress`事件来获取用户按下的按键...
"jq点击复选框触发事件给input赋值"这个主题聚焦于一个具体的案例:当用户点击复选框时,如何捕获该事件并根据选择更新相关的输入(input)元素的值。这通常用于收集和处理用户在表格中的选择数据。 首先,我们来...
- `v-on:input` 是Vue中用来监听元素`input`事件的指令,当用户在输入框中输入内容时,`input`事件会被触发。在HTML中,我们可以直接使用`oninput`来绑定一个JavaScript函数,但在Vue中,我们需要将其转换为`v-on:...
在JavaScript中,获取下拉列表(也称为选择框或`<select>`元素)的值是一项常见的任务,特别是在处理用户输入和交互时。本篇博文中,我们将深入探讨如何有效地实现这一功能。 首先,我们需要理解HTML中的`<select>`...
同时,使用jQuery绑定了oninputpropertychange事件,显示了在输入过程中实时获取输入框长度,并根据输入值是否存在来改变其他元素的样式。 在介绍完各种监听方法后,文章还提供了一些兼容IE浏览器的JavaScript函数...
以下是一个简单的Python示例,展示了如何结合OpenCV和鼠标事件来获取灰度值: ```python import cv2 # 定义鼠标回调函数 def mouse_callback(event, x, y, flags, param): if event == cv2.EVENT_LBUTTONDOWN: #...
- **获取焦点时触发事件**:`$("#text_id").focus(function(){ /* code */ });` - **失去焦点时触发事件**:`$("#text_id").blur(function(){ /* code */ });` - **选中文本框内容**:`$("#text_id").select();` ##...