JS 遍历子节点查找元素

Myth丶恋晨 2022-08-12 00:12 240阅读 0赞

function nextChildNode(node,clazz,tagName){
                var count= node.childElementCount;
                for(var i=0;i<count;i++){
                    if(node==undefined || node.children[i]==undefined){
                        continue;
                    }
                    if(clazz){
                        if(node.children[i].getAttribute('class')==clazz){
                            return node.children[i];
                        }
                    }else{
                        if(node.children[i].tagName==tagName){
                            return node.children[i];
                        }
                    }
    
    
                }
                return null;
            }
            
            function getChildNode(node,classArg,tagNodeArg){
                for(var i=0;i<classArg.length;i++){
                    node=nextChildNode(node,classArg[i]);
                }
                for(var i=0;i<tagNodeArg.length;i++){
                    node=nextChildNode(node,null,tagNodeArg[i]);
                }
                return node;
            }
            
            function getItemId(node){
                var classNode=['itemInfo','itemDesc'],tagNode=['P','BUTTON'];
                node=getChildNode(node,classNode,tagNode);
                alert(node.getAttribute('itemid'));
    
    
            }
            
            #调用函数
            getItemId($(".shopItem")[0]);

发表评论取消回复

表情：

评论列表（有 0 条评论，240人围观）

还没有评论，来说两句吧...

相关阅读

相关 jq遍历元素

jq遍历元素总结通过jq遍历元素、并控制一些元素的属性（显示/隐藏、value、src等等），是我们在开发之中比较常见的操作，也为我们的业务功能扩宽了方向，接下来我将结合...

太过爱你忘了你带给我的痛/ 2024年04月17日 06:15/ 0 赞/ 100 阅读

相关 jQuery - 元素遍历

前言：一提到“遍历”,大家一般都能联想到 each() 或者 for()等语法，但是在jQuery中究竟什么是遍历？什么是遍历：

朴灿烈づ我的快乐病毒、/ 2023年06月15日 09:56/ 0 赞/ 14 阅读

相关 Js递归遍历所有子节点

js递归遍历json所有数据 // 递归遍历chartOptions 删除掉没有显示的一些属性 function getAllJson(jsons, name

布满荆棘的人生/ 2023年02月26日 11:23/ 0 赞/ 6 阅读

相关 JavaScript中DOM节点的查找(遍历)

JavaScript中DOM节点的查找(遍历) 这篇文章讲一下DOM节点的查找，即DOM节点的遍历。说道遍历大家应该不陌生了，在js中，通过DOM节点的遍历，我么可以通过

Love The Way You Lie/ 2023年02月13日 14:55/ 0 赞/ 13 阅读

相关 php中js的遍历,js如何进行元素遍历

这次给大家带来js如何进行元素遍历，js进行元素遍历的注意事项有哪些，下面就是实战案例，一起来看一下。支持Element Traversal 规范的浏览器有IE 9+、Fi

小灰灰/ 2023年01月13日 05:57/ 0 赞/ 172 阅读

相关 JQuery中的遍历-元素查找

JQuery遍历概念 jQuery 遍历，可以理解为“移动”，用于根据其相对于其他元素的关系来“查找”（或选取）HTML 元素。废话不多说先上方法 <table

╰半夏微凉°/ 2022年11月26日 15:58/ 0 赞/ 220 阅读

相关 JS 遍历子节点查找元素

function nextChildNode(node,clazz,tagName){ var count= node.childEle

Myth丶恋晨/ 2022年08月12日 00:12/ 0 赞/ 241 阅读

相关遍历节点树、遍历元素树、遍历API、查找 API

遍历节点数 > 深度优先算法，递归调用 -------------------- 节点树 > 包含所有节点对象的树 > arguments.callee:指

墨蓝/ 2022年07月14日 04:00/ 0 赞/ 259 阅读

相关遍历集合元素

使用Iterator接口 Iterator主要用于遍历Collection集合中的元素（迭代访问）。 Iterator对象也叫迭代器。 Iterator接口向应用程

曾经终败给现在/ 2022年07月11日 12:04/ 0 赞/ 289 阅读

相关 js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); 　　var paren

た入场券/ 2022年06月17日 04:48/ 0 赞/ 460 阅读