获取tr的父节点

JavaScript 技术篇-js获取表格元素tr、th、td相对于父节点的索引。

千次阅读 2019-04-11 09:48:15

js 获取表格元素 tr、th、td 相对于父节点的索引。 rowIndex 可以获取 tr 相对于根节点所有 tr 的索引，会计算之前所有的 tr。 sectionRowIndex 可以获取 tr 相在当前 table 下的索引。以下面的第二个 tr 为例，...

rowIndex 可以获取 tr 相对于根节点所有 tr 的索引，会计算之前所有的 tr。
在这里插入图片描述
sectionRowIndex 可以获取 tr 相在当前 table 下的索引。
以下面的第二个 tr 为例，rowIndex 的值是 1，sectionRowIndex 的值是 0。

这是网页的结构：

cellIndex 可以获取 th、td 相对于父节点的索引。
在这里插入图片描述
喜欢的点个赞❤吧！

收起

展开全文

获取当前被选中的树节点ztree_ztree中怎样获取选中节点的父节点及自己的index

2021-01-14 16:16:48

展开全部ztree获取当前选中节点及所有父节点获得当前选中节点路径，如e69da5e6ba903231313335323631343130323136353331333361326232部门库〉新闻部〉文字稿：树如下图：js:var curLocation="";//当前位置var treeObj...

展开全部
ztree获取当前选中节点及所有父节点
获得当前选中节点路径，如e69da5e6ba903231313335323631343130323136353331333361326232部门库〉新闻部〉文字稿：
树如下图：
js:
var curLocation="";//当前位置
var treeObj = $.fn.zTree.getZTreeObj("rs_tree");
var nodes = treeObj.getSelectedNodes();
if(nodes.length>0){
var allNode = nodes[0]['text'];//获取当前选中节点
var node = nodes[0].getParentNode();
getParentNodes(node,allNode);
}
var location = "";
var nodeArrs = curLocation.split(">");
for(var i=nodeArrs.length-1;i>=0;i--){
location += nodeArrs[i]+">";
}
location = location.substring(0, location.lastIndexOf(">"));
alert(location);
function getParentNodes(node,allNode){
if(node!=null){
allNode += ">"+node['text'];
curNode = node.getParentNode();
getParentNodes(curNode,allNode);
}else{
//根节点
curLocation = allNode;
}
}
结果：location:  部门库>xx部>国内

收起

展开全文

js获取父亲节点

千次阅读 2018-01-23 11:06:33

1.通过子节点id获取父节点id 有以下代码：id="bb">id="aa" > 请问如何通过td的id值“aa"取得tr 的id的值？纯js是： document.getElementById("aa").parentNode.id jQuery是： $("#aa").parent().attr("id"); ...

1.通过子节点id获取父节点id

有以下代码：<tr id="bb"><td id="aa" ></td></tr> 
请问如何通过td的id值“aa"取得tr 的id的值？

纯js是： 
document.getElementById("aa").parentNode.id 
jQuery是： 
$("#aa").parent().attr("id");

2.假如没有子节点id，也没有父节点id

页面属于iframe嵌套，只知道父页面节点有个属性比方说tabid=“tab_toDraw”

function GetAttrElement(attr,val){
    var e= window.parent.document.all;
    var a= new Array();
    for(var i=0;i<e.length;i++){
        if(e[i].getAttribute(attr)==val){
            a.push(e[i])
        }
    }
    return a;
}


返回的是一个数组，因为可能不止一个

调用方法



//这时候可以针对某属性赋值
var temp =GetAttrElement("tabid","tab_toDraw");
temp[0].innerHTML="画图";

ps：忘记在哪看见的了，感谢网上大牛

收起

展开全文

父节点获取子节点的字符串

2014-02-25 22:22:00

父节点获取子节点的字符串 1、JavaScript方法：document.getElementById("id").innerHTML; （1）实例说明 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "...

父节点获取子节点的字符串
1、JavaScript方法：document.getElementById("id").innerHTML;
（1）实例说明

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获取HTML中的子项</title>
<script type="text/javascript">
    function getStr()
   {
	 var str = document.getElementById("div_child").innerHTML;
	 alert(str);
   }
</script>
</head>

<body>
   <div id="div_child">
      <table>
         <tr>
           <th></th>
           <th></th>
           <th></th>
           <th></th>
           <th></th>
         </tr>
         <tr>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
         </tr>
      </table>
      <input type="button" id="btn" οnclick="getStr()" value="获取字符串"/>
   </div>
</body>
</html>


（2）点击按钮后，弹出信息



2、jQuery中的方法：$("#id").html()
（1）实例说明

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery中父节点获取子节点字符串</title>
<script type="text/javascript" src="jquery-2.1.0.js"></script>
<script type="text/javascript">
   $(function(){
	    $("#btn").click(function(){
			var str = $("#div_child").html();
			alert(str);
		});  
	});
</script>
</head>

<body>
   <div id="div_child">
      <table>
         <tr>
           <th></th>
           <th></th>
           <th></th>
           <th></th>
           <th></th>
         </tr>
         <tr>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
         </tr>
         <tr>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
         </tr>
         <tr>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
         </tr>
      </table>
      <input type="button" id="btn" value="获取值"/>
   </div>
</body>
</html>


（2）运行结果

收起

展开全文

父节点获取子节点的字符串示例代码
2021-01-21 13:26:47
DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta ...
收起
JQuery 有什么比较方便的方法获取第一个特定的父节点？
2008-10-26 22:06:18
譬如想获取第一个tagName为TR的父节点？谢谢！ [b]问题补充：[/b] $('tr:first').parent(); 这个是第一个tr的父节点吧？我是问元素e的第一个tr的父节点。必须是e的父节点 [b]问题补充：[/b] <table><tr...
收起
jquery
通过td获取其父节点的id
千次阅读 2014-03-17 14:38:43
有以下代码：请问如何通过td的id值“aa"取得tr 的id的值？纯js是： document.getElementById("aa").parentNode.id jQuery是： $("#aa").parent().attr("id");
收起
Jquery EasyUI Combotree和 EasyUI tree展开所有父节点和获取完整路径
2018-05-11 11:20:24
============= ... ... 效果如下： 1、默认显示完整路径 ...2、默认根据叶子节点的值赋值，并从该子结点逐层向上展开所有父结点 ... 使用方法见：... * @param treeObj 树对象，（combotree的树对象获取：var tr
收起
xpath之根据节点获取兄弟节点
2020-07-04 14:43:51
思路：（1）可以通过获取的节点，定位到父节点，再找到想要定位...//table/tbody/tr[1]/td[1]/div/…/…/td[2]/div ###先获取到了40140值，在通过…获取到了父值td,再获取td的父值tr，再进行获取子节点（2）使用prece
收起
Xpath教程
python elementtree 父节点_在Python ElementTree中，如何获取树中某个元素的所有祖先的列表？...
2020-12-24 14:09:35
I need "get_ancestors_recursively" function.A sample run can be>... dump(tr)>>> input_element = tr.getiterator("element")[0]>>> get_ancestors_recursively(input_element)['anc1...
收起
HTML DOM节点的属性获取
千次阅读 2015-04-27 17:51:24
根据实验发现，dom节点中，html节点都有下列的属性，并... 例如： var trObj = document.getElementById("id_1"); //获得一个tr dom对象 ... //获得tr的父节点 trObj.firstChild; //获得tr第一个子节点 trO
收起
html dom对象
高效的获取当前元素是父元素的第几个子元素
2020-12-12 23:37:23
从一个索引序号，很容易得到该索引对应的子节点或者子元素，直接用parentNode.childNodes[index] 或 parentNode.children[index] 就行。但反过来，已知一个节点或元素对象，要知道它的索引序号则没有那么直接了。 ...
收起
jQuery通过关系获取节点常用方法整理
2020-05-18 17:17:48
//返回td标签的父元素, 即为tr }) parents() 获取到当前元素一直往上所经过的所有祖先元素。例如： $(function(){ $("td").parents(); //返回所有的祖先元素,即为td到tr到table到body到html $("td").parents(...
收起
jquery
EasyUI - datagrid中单元格里编辑控件的单击事件如何获取当前行的index
千次阅读 2015-10-15 14:24:45
在一些特殊情况下，datagrid中默认获取当前行的方法onClickRow并不能满足业务...可通过jquery获取父节点的方法，获取tr的index。如下： var rowIndex = $(this).parents('.datagrid-row').attr('datagrid-row-index');
收起
EasyUI datagrid index
JS获取table列数据
2017-05-03 15:07:00
/** * js 获取按钮所在行每一列的数据，返回包含每一列数据的数组 * @param node * @returns {Array} ... // 按钮在td里面，其父节点的父节点是tr。 var tr = tdObj.parentNode.parentNode; var ...
收起
jQuery 节点遍历应用-选中行/列特效
2020-05-18 17:29:08
4.进行排他设计，给给获取到的父元素设置背景颜色，其余元素设置为白色。代码： <body> 点击选行 <table id="table"> <tr> <th>姓名</th> <th>年龄&l...
收起
javascript html5 jquery
表格手动生成与可编辑
2019-03-31 19:13:06
下面是所用到的代码截图：删除行和重新生成序号： Var tab代表的是删除前的表格获取； parentNode(获取当前点击对象的父节点对象... tr的父节点即table； initRows()指的是删除后的表格获取，不能用上面的删...
收起
小功能丨代码修改物体在 Hierarchy 上顺序
2018-11-10 15:52:13
代码实现 //parentTransform为父节点 int count = parentTransform.childCount; //参数为物体在当前所在的子物体列表中的顺序 //count-1指把child物体在当前子物体列表的...获取当前物体在父节点下的顺序： tr...
收起
父菜单中怎么重写表格放入子菜单
2016-09-30 05:55:50
//获取父节点的id var id = document.getElementById(i); if (id.hasChildNodes()){ $.ajax({ type : 'post', url : 'searchMenu', dataType : 'json', data: { resourcesID : ...
收起
html2canvas（包含对svg的处理）
2020-08-19 10:39:23
1 为处理svg，需引入canvg.js ... //以下是对svg的处理 var svgElem = $('#div_id').find('svg');... //获取svg的父节点 var parentNode = node.parentNode; //获取svg的html代码 var svg = node.outerHTML.tr.
收起
javascript html5
表格整理
2017-04-11 09:15:37
1.获取表格行（所在元素的父节点是td，td的父节点是tr，求tr所在的行） console.log(r.parentNode.parentNode.rowIndex); 2.修改表格行中的元素
收起
JavaScript练习_简单的动态表格实现
2020-11-25 09:24:05
需求：制作一个可以动态删除添加的表格，如下分析 1.添加 1.给添加按钮绑定单击事件 ...removeChild():通过父节点删除子节点代码： <!DOCTYPE html> <html lang="en"> <head> <meta ch
收起
javascript
web小知识点——持续更新
2016-12-21 22:42:06
CSS修改tr的边框如果直接修改tr的border属性是没有反应的需要在table中加一句话 table{ border-collapse: collapse;... //得到s的父节点nextSbiling; //获得s的下一个兄弟节点previousSbiling; //得到s的上...
收起
js html
HTML笔记
2020-12-07 11:08:24
HTMLHTML表格列表去圆点CSS溢出隐藏首行缩进文本显示一行超出省略号JS获取当前所有某个标签querySelectorAll鼠标事件获取父节点元素节点的内容创建节点添加子节点删除子节点 HTML 表格 <tr> ...
收起
html css javascript
10.table.排序，arr.sort();appendChild();
2013-06-19 23:09:00
table排序：先用sort对tbody中的tr进行排序，然后用appendChild将每个tr按排好的顺序插入到父节点中； appendChild：此时分两步操作：1，先将tr从原父元素中删除，2再将tr插入到父元素末尾； sort:是数组的方法；...
收起
如何理解Unity组件化开发模式
2019-03-07 18:09:39
Unity的开发模式核心：节点和组件，组件可以加载到任何节点上，每个组件都有 gameobject 属性，可以通过这个属性获取到该节点，即游戏物体。也就是说游戏物体由节点和组件构成，每个组件表示物体的一种特性（能力...
收起
黑马程序员-动态表格（删除部分）
2020-12-27 17:38:53
黑马程序员-动态表格（删除部分） ... 获取a标签执行删除操作 2.通过网页效果以及html代码...可以通过a标签的父节点..查找到table。同理查找tr标签。最后用removeChild()方法删除tr：即： table.removeChild(tr.
收起
javascript html5 html css3 前端
看视频学习的案例，按着视频讲解去做的，但是浏览器报错了，说没定义，各位帮我看一下谢谢！
2020-05-29 19:05:59
removeChild():通过父节点删除子节点 */ var btn_add = document.getElementById("btn_add"); btn_add.onclick = function(){ //value 在输入框中代表的是输入的内容 var id = document.getElementById...
收起
html5 css javascript ajax chrome

JavaScript 技术篇-js获取表格元素tr、th、td相对于父节点的索引。

获取当前被选中的树节点ztree_ztree中怎样获取选中节点的父节点及自己的index

js获取父亲节点

1.通过子节点id获取父节点id

2.假如没有子节点id，也没有父节点id

返回的是一个数组，因为可能不止一个

调用方法

ps：忘记在哪看见的了，感谢网上大牛

父节点获取子节点的字符串

父节点获取子节点的字符串示例代码

JQuery 有什么比较方便的方法获取第一个特定的父节点？

通过td获取其父节点的id

Jquery EasyUI Combotree和 EasyUI tree展开所有父节点和获取完整路径

xpath之根据节点获取兄弟节点

python elementtree 父节点_在Python ElementTree中，如何获取树中某个元素的所有祖先的列表？...

HTML DOM节点的属性获取

高效的获取当前元素是父元素的第几个子元素

jQuery通过关系获取节点常用方法整理

EasyUI - datagrid中单元格里编辑控件的单击事件如何获取当前行的index

JS获取table列数据

jQuery 节点遍历应用-选中行/列特效

表格手动生成与可编辑

小功能丨代码修改物体在 Hierarchy 上顺序

父菜单中怎么重写表格放入子菜单

html2canvas（包含对svg的处理）

表格整理

JavaScript练习_简单的动态表格实现

web小知识点——持续更新

HTML笔记

10.table.排序，arr.sort();appendChild();

如何理解Unity组件化开发模式

黑马程序员-动态表格（删除部分）

看视频学习的案例，按着视频讲解去做的，但是浏览器报错了，说没定义，各位帮我看一下谢谢！

获取tr的父节点

Epoll原理解析

图书管理系统C最新版.cpp

使用vue搭建微信H5公众号项目

HashMap

物联网基础篇：快速玩转MQTT

pycharm链接

零基础一小时极简以太坊智能合约开发环境搭建并开发部署

MySQL 高可用工具 heartbeat 实战部署详解

NFS 实现高可用（DRBD + heartbeat）

4.2.获得文件属性

C/C++反汇编解密

SpringBoot整合Shiro

java的i++和++i

2021陌陌挂人气协议

读单个字符应该用字符串

在 Linux 上构建企业级 DNS 域名解析服务

javaWeb发展史

2021年 系统分析师 系列课

MySQL 备份与恢复详解（高低版本 迁移；不同字符集 相互转换；表

MySQL 多实例安装 及配置主从复制实验环境

2021年系统分析师系列课

MySQL 备份与恢复详解（高低版本迁移；不同字符集相互转换；表

MySQL 多实例安装及配置主从复制实验环境