关于JS中查看当前节点的兄弟节点的使用

<tr>
<td align="center"><input style="width: 20px;" type="checkbox" name="ck" /></td>
<td align="left"><input name="wgrkbillentry[0].fitemid" maxlength="50" type="text" style="width: 100px;"></td>
<td align="left"><input name="wgrkbillentry[0].fitemname" maxlength="50" type="text" style="width: 100px;"></td>
<td align="left"><input name="wgrkbillentry[0].fmodel" maxlength="50" type="text" style="width: 100px;"></td>
<td align="left"><input name="wgrkbillentry[0].fbatchno" maxlength="50" type="text" style="width: 100px;"></td>
<td align="left"><input name="wgrkbillentry[0].funitid" maxlength="50" type="text" style="width: 100px;"></td>
<td align="left"><input name="wgrkbillentry[0].fauxqtymust" maxlength="50" type="text" style="width: 100px;"></td>
<td align="left"><input ondblclick="fun_tevl(this);" name="wgrkbillentry[0].fauxqty" maxlength="50" type="text" style="width: 100px;"></td>
<td align="left"><input name="wgrkbillentry[0].fpurchaseprice" maxlength="50" type="text" style="width: 100px;"></td>
<td align="left"><input name="wgrkbillentry[0].fauxprice" maxlength="50" type="text" style="width: 100px;"></td>
<td align="left"><input name="wgrkbillentry[0].famount" maxlength="50" type="text" style="width: 100px;"></td>
<td align="left"><input name="wgrkbillentry[0].fpurchaseamount" maxlength="50" type="text" style="width: 100px;"></td>
<td align="left"><input name="wgrkbillentry[0].ftaxrate" maxlength="50" type="text" style="width: 100px;"></td>
<td align="left"><input name="wgrkbillentry[0].ftaxamount" maxlength="50" type="text" style="width: 100px;"></td>
<td align="left"><input name="wgrkbillentry[0].fdcstockid" maxlength="50" type="text" style="width: 100px;"></td>
<td align="left"><input name="wgrkbillentry[0].fsourcebillno" maxlength="50" type="text" style="width: 100px;"></td>
<td align="left"><input name="wgrkbillentry[0].fnote" maxlength="50" type="text" style="width: 100px;"></td>
<td align="left" style="display: none;"><input name="wgrkbillentry[0].id" type="text" style="width: 0px;"></td>
</tr>

上面是一个tr，没有id，现在对其中的一个name为wgrkbillentry[0].fauxqty的td进行双击事件，下面就是该双击事件

function fun_tevl(ele){
//获取当前节点的父节点tr
  var tr1 = ele.parentNode.parentNode;
//获取父节点的第一个子节点物料
  var b=tr1.cells[1].childNodes[0].value;
}

b就是获取的该兄弟节点的值

时间： 2024-08-09 06:19:39

关于JS中查看当前节点的兄弟节点的使用的相关文章

JS获取子节点、父节点和兄弟节点的方法实例总结

JS获取子节点.父节点和兄弟节点的方法实例总结 原生js 参考网址 Jquery 参考网址 原文地址:https://www.cnblogs.com/renxiuxing/p/10180558.html

【JS学习笔记】DOM基础-首尾子节点，兄弟节点

一.DOM节点 (1)首尾子节点 有兼容性问题 firstChild.firstElementChild firstChild在高版本的浏览器上具有兼容问题,firstChild在高版本浏览器中指的是文本元素. firstElementChild高级浏览器下可以使用,在IE6-8下反而不兼容. 解决兼容性的办法是使用if进行判断 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://

C#中treeview的问题，如何区分根节点和子节点以及根节点和根节点的兄弟节点？

根节点的Level属性为0,一级子节点Level属性为1,二级子节点Level属性为2,以此类推:同级节点可以用索引.名称.文本来区分.用索引区分根节点时,TreeView.Nodes[0]就是第一个根节点,TreeView.Nodes[1]就是第二个根节点,以此类推:用索引区分一级子节点时,TreeView.Nodes[0].Nodes[0]为第一个根节点的第一个子节点,TreeView.Nodes[0].Nodes[1]是第一个根节点的第二个子节点,以此类推: 2.如何获取TreeView点

DevExpress TreeList 拖动时中如何判断源节点作为目标节点的子节点还是兄弟节点

Posted on 2012-01-10 14:02 marcozh 阅读(1738) 评论(3) 编辑 收藏 最近用了Dev的Treelist控 件,其中用到了拖动方法.众所周知的是,Dev的Treelist封装了原先用递归才能实现的树状显示,所以写代码非常方便.以前我做树形表,还需要一些 辅助字段如Level.HasChild等,维护起来也有点小麻烦,现在只要一个ParentId字段就够了,只要设置一下KeyFieldName和 ParentFieldName就可以了. 如: tlCateg

jQuery DOM节点操作 - 父节点、子节点、兄弟节点

------------------------------------------------------------------- 源文地址: http://www.cnblogs.com/yunlei0821/p/7577400.html ,转载请务必保留此出处. 子(/孙)节点: .children([selector]). 获得匹配元素集合中每个元素的所有直接子元素(选择器可选). 实例: <div> <a href="#"><span>w

DOM节点(首尾子节点、兄弟节点)的兼容性问题处理

首尾子节点:firstChild .firstElementChild lastChild .lastElementChild 兄弟节点:  nextSibling . nextElementSibling previousSiblling .previousElementSibling 以首节点为例: //IE6-8//oUl.firstChild.style.background='red'; //高级浏览器//oUl.firstElementChild.style.background='

JQuery 各节点获取函数：父节点，子节点，兄弟节点

jQuery.parent(expr)           //找父元素 jQuery.parents(expr)          //找到所有祖先元素,不限于父元素 jQuery.children(expr)        //查找所有子元素,只会找到直接的孩子节点,不会返回所有子孙 jQuery.contents()            //查找下面的所有内容,包括节点和文本. jQuery.prev()                //查找上一个兄弟节点,不是所有的兄弟节点 jQue

js：nextSibling兄弟节点的使用

一,使用nextSibling可以方便的找到该节点的兄弟节点,并为其设置属性 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> .center{ margin: 0px auto; width: 300px;

appium相对位置定位元素----父节点/兄弟节点定位

讲一下定位手机app上元素时定位父节点.兄弟节点的方法 这里就讲这两种了,也是比较常用的两种方法,其他的方法大家查看博客的其他章节 实例: 我们现在要定位到RelativeLayout[0,1285][1080,1465]下的LinearLayout下的第二个元素 一. 通过兄弟节点来定位 使用方法:following-sibling:: 找到当前节点的后面一个节点,也就是弟弟节点preceding-sibling:: 找到当前节点的前面的一个节点,也就是哥哥节点 这里我使用这句来找我们需要定位