ElementUI tree控件怎么通过子节点去找到父节点

const parentList = []

function getParent (node) {

      // 判断当前节点是否有父节点，并且父节点上的data不能是数组

      if (nodeparent && !ArrayisArray(nodeparentdata)) {

        // 将父节点上data的menuid存储在 `parentlist` 里

        nodeparentdata instanceof Object && thisparentListpush(nodeparentdataid)

        // 递归调用 父节点上有父节点

        getParent(nodeparent)

        // 当父节点上data是数组时点击对象为当前tree最高目录 并且parentList必须是0

      } else if (thisparentListlength === 0) {

        // 存储当前节点的id到parentList

        thisparentListpush(nodedataid)

      }

    }

这是我的业务需求，可以根据自己的业务需求更改所要拿到的数据

这样：

<ul class="parent1">

    <li><a href="#" id="item1">jquery获取父节点</a></li>

    <li><a href="#">jquery获取父元素</a></li>

</ul>

扩展资料：

注意事项

parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。

parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。

可以看出parent的取值很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。

<div id='div1'>

<div id='div2'><p></p>

</div><div id='div3' class='a'><p></p></div>

<div id='div4'><p></p></div>

</div>

ztree获取当前选中节点及所有父节点

获得当前选中节点路径，如部门库〉新闻部〉文字稿：

树如下图：

 js:

var curLocation="";//当前位置

var treeObj = $fnzTreegetZTreeObj("rs_tree");

var nodes = treeObjgetSelectedNodes();

if(nodeslength>0){

var allNode = nodes[0]['text'];//获取当前选中节点

var node = nodes[0]getParentNode();

getParentNodes(node,allNode);

}

var location = "";

var nodeArrs = curLocationsplit(">");

for(var i=nodeArrslength-1;i>=0;i--){

location += nodeArrs[i]+">";

}

location = locationsubstring(0, locationlastIndexOf(">"));

alert(location);

function getParentNodes(node,allNode){

if(node!=null){

allNode += ">"+node['text'];

curNode = nodegetParentNode();

getParentNodes(curNode,allNode);

}else{

//根节点

curLocation = allNode;

}

}

结果：location:  部门库>xx部>国内

jquery获取父元素方法比较多，比如parent()，parents()，closest()，find,first-child这些都能帮你实现查找父节点、子节点、兄弟节点。

$('#cur')parent()parent();或$('#cur')parent()parent('pp');或$('#cur')parent('pp');

jquery 兄弟节点的获取

<ul>

<li>

<h3 class="title">类目一</h3>

<ul>

<li>第一项</li>

<li>第二项</li>

</ul>

</li>

<li>

<h3 class="title">类目二</h3>

<ul>

<li>第一项</li>

<li>第二项</li>

</ul>

</li></ul>

比如要点击类目一所在的 h3，对其兄弟节点的 ul 添加一个叫做 "show" 的 class，代码如下：

$("title")click(function () { $(this)parent()find('ul')addClass('show'); });

就是通过先找到 h3 与 ul 共同的父节点 li 然后来用 find() 找到 ul，还有一种方法是使用 siblings() 函数，代码如下:

("title")click(function() { $(this)siblings('ul')addClass('show'); })

子节点怎么获得

$("#tbody1:first-child")

:first-child

匹配第一个子元素

':first' 只匹配一个元素，而此选择符将为每个父元素匹配一个子元素

var jCheckbox = jQuery('checkbox');//你的checkbox

var jTr=jCheckboxparent()parent();//即可

不知道你想获取什么jQuery很强大或者使用

var jTr=jCheckboxparents('tr');//所有父元素中选择tr

var jTr=jCheckboxclosest('tr');//只要最近的

监听treepanel的click : ( Node node, ExtEventObject e ) 事件然后你可以看下TreeNode的api,有个属性parentNode你就可以往上回溯直到null,就可以得到所有的父节点了

XmlDocument xmlDoc = new XmlDocument();

// 载入xml文件

xmlDocLoad("1xml");

// 找到type='C004'的doc节点

XmlNode node = xmlDocSelectSingleNode("//doc[@type='C004']");

// 找到doc的父节点

XmlNode pnode = nodeParentNode;

遍历节点：

foreach (XmlNode nd in xmlDocDocumentElementChildNodes)

{ // nd 遍历所有docctrl节点

if (ndhasChildNodes)

{

foreach (XmlNode n in ndChildNodes)

{ // n 遍历所有doc和ctrl节点

string stype = nAttributes["type"]Value;

string s = nInnerText; // 节点的值

}

}

先定义一个nodevarnode:TTreeNode;然后你获取你所选中的节点node:=TreeViewSelected;它的父节点的名称就是nodeParentText它的祖父节点的名称就是nodeParentParentText以此类推注意，在访问父节点之前要判断是否存在ifnodeParentnilthenbeginend;

以上就是关于ElementUI tree控件怎么通过子节点去找到父节点全部的内容，包括:ElementUI tree控件怎么通过子节点去找到父节点、jquery怎么获取当前元素的父元素、ztree中怎样获取选中节点的父节点及自己的index等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！