javascript里获取div或ul元素的第一层li或div节点数组再获取第二层li数组再及以下节点如下

javascript里获取div或ul元素的第一层li或div节点数组再获取第二层li数组再及以下节点如下,第1张

onload=function(){

    var ul = documentgetElementsByTagName("ul")[0];

    getLis(ul);

}

var getLis = function(ul){

    var ulc = ulchildren;

    for(var i = 0; i < ulclength; i++){

        var lii = ulc[i];

        if(liitagNametoLowerCase() == "li"){

            consolelog(lii);

        }

        var cs = liichildren;

        for(var j = 0; j < cslength; j++){

            var csj = cs[j];

            if(csjtagNametoLowerCase() == "ul"){

                getLis(csj);

            }

        }

    }

}

css中选择器有,你多看看,可以通过兄弟节点找到或则nextElement等获得,单词不太会,你找找就是下一个Element和兄弟节点。

甚至可以找到父节点的父节点的父节点(如果有)这种选择器在j-Query中也封装了,撸主不好意思,太久没用忘词了。DOM语言。

nodeType === 3 就是文本,直接移除掉就可以了

$("#div")contents()filter(function() {

    return thisnodeType === 3

})remove();

先获取当前对象,再根据对象去获取上一个兄弟节点和下一个兄弟节点

prev()

定义和用法

prev()

获得匹配元素集合中每个元素紧邻的前一个同胞元素,通过选择器进行筛选是可选的。

prev(selector)

参数描述

selector

字符串值,包含用于匹配元素的选择器表达式。

--说明:如果给定一个表示

DOM

元素集合的

jQuery

对象,prev()

方法允许我们在

DOM

树中搜索这些元素的前一个同胞元素,并用匹配元素构造一个新的

jQuery

对象。

next()

定义和用法

next()

获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器,则取回匹配该选择器的下一个同胞元素。

next(selector)

参数描述

selector

字符串值,包含用于匹配元素的选择器表达式。

--说明:如果给定一个表示

DOM

元素集合的

jQuery

对象,next()

方法允许我们搜索

DOM

树中的元素紧跟的同胞元素,并用匹配元素构造新的

jQuery

对象。

示例:

<!--HTML代码-->

<div id="div1">111</div>

div id="div2">222</div>

div id="div3">333</div>$("#div2")prev()attr("id"); //获取div2同级的上一个div的id,值为div1

$("#div2")next()attr("id"); //获取div2同级的下一个div的id,值为div3

以上就是关于javascript里获取div或ul元素的第一层li或div节点数组再获取第二层li数组再及以下节点如下全部的内容,包括:javascript里获取div或ul元素的第一层li或div节点数组再获取第二层li数组再及以下节点如下、js 从当前节点获取下一个节点、jquery获取div中的文本并删除,保留子节点等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9697660.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存