js对table常用的操作(学习分享一)
来源:互联网 发布:手机淘宝店的店招尺寸 编辑:程序博客网 时间:2024/05/21 14:05
例如在jsp中的<table><tr><td><input name="userName" value="默认值" onclick="change(this);"><td><td></td></tr></table>
js中有函数
<html> <head> function change(node){ 这里写你的操作 } function choice(node){ } </head> <body> <div id="tempShow"> <table> <tr id=""> <td><input name="userName" value="默认值" onclick="change(this);"/></td> <td><input name="hobby" type="checkbox" onclick="choice(this);">JAVA</td> </tr> <tr id=""> <td></td> <td></td> </tr> </table> </div> </body></html>
复选框是否被选中
$(node).parent().parent().find("input[type='checkbox']").is(':checked');
返回值为true / false
更改复选框状态
$(node).find("input[type='checkbox']").attr("checked",false);
改为未选状态隐藏(显示)行
$(node).parent().parent().find("#id").hide();
$(node).parent().parent().find("#id").show();
更改value或者text值
获取值$(node).val();
获取文本$(node).text();
更改值$(node).val('要修改的值');
更改文本$(node).text('要修改的值');
获取行数
$("tr[id^=id_]").length;
这里使用了正则表达式获取所有以id_开头的行获取修改style中的属性
$(node).parent().parent().find("div#tempShow").css("display");
获取$(node).parent().parent().find("div#tempShow").css("display","none");
隐藏字符串分割成数组
string.split('分隔符');
字符串截取
string.substring(startIndex,endIndex);
复制
$(node).clone();
追加
$(node).append();
$(node),after();
$(node).before();
删除
$(node).remove();
$(node).empty();
找到第一个或最后一个元素
$(node).parent().first();
$(node).parent().last();
转换成json数组格式
JSON.stringify(data);
这是使用后总结的一点比较基本的操作,基本包括了增删改查得操作。更多操作后续会继续分享
- js对table常用的操作(学习分享一)
- js对table的操作
- js对table的操作
- jquery对table表格的常用操作
- 一 js操作table
- 学习小记:js操作table
- js 对table 表单操作总结
- 对internal table的操作
- JS对Select的操作学习笔记
- bootstrap table的常用操作
- js 关于table的操作
- Js 中对 Json 数组的常用操作
- 学习js的一点心得——js对table的修饰
- JS 在 对table 的操作 例如 动态增加行的关键函数
- python 对文件的常用操作(一)
- WEBFOCUS 对TABLE FILE的操作
- table对tr增加删除的操作
- 一个jquery对table的操作
- 单例模式对象池
- HTML DOM基本
- 程序设计进阶 编程题#1:寻找下标
- android界面之美---自定义网络请求进度加载对话框
- 每天一个linux命令(1):ls命令
- js对table常用的操作(学习分享一)
- 上机实例之vector内存分配
- Must qualify the allocation with an enclosing instance of type AAA (e.g. x.new A() where x
- TCP三次握手四次挥手过程详解
- 【置顶】我的/etc/profile
- APP接口自动化测试JAVA+TestNG之HTTP接口测试实例
- [SCOI2005]互不侵犯King
- C# Word中设置/更改文本方向
- 数据库基本操作