<ul>标签两层嵌套如何在js中找到第二层<li>标签,不用获取id的方法。两层<li>标签的class是一样的。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了<ul>标签两层嵌套如何在js中找到第二层<li>标签,不用获取id的方法。两层<li>标签的class是一样的。相关的知识,希望对你有一定的参考价值。

<div id="cls">
<ui>

<li class="on">一月</li>

<ul>

<li class="on">1</li>

</ul>

</ul>

</div>
如何在<script>中获取第二层的<li>的值。

参考技术A 如果你只需要获取最里层的第一个 li 的话,可以用document.querySelector(".on > ul >.on")
如果还想获取最里层的所有 li 的话 ,可以用document.querySelectorAll(".on > ul >.on")
,最好是给每个ul 加个类名,选择子元素的时候,就不用写那么多层了。
参考技术B <!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Ball</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (document).ready (function ()
    
    $ ("div#cls").find ("ul ul li.on").text(1111);
    )
</script>
</head>
<body>
<div id="cls">
<ul>
<li class="on">一月</li>
<ul>
<li class="on">1</li>
</ul>
</ul>
</div>
</body>
</html>

本回答被提问者采纳

无序列表,有序列表,自定义列表

列表最大的特点:整齐 整洁 有序

列表的三大类:无序列表 有序列表  自定列表

无序列表

<ul><ul>

ul标签中只能嵌套<li>标签如果要嵌套其他标签是不可以的

<li></li>

li标签相当是一个小容器可以接纳所有元素在li标签当中我们添加一个p标签也是可以显示在页面上的


有序列表

<ol></ol>

ol标签只能嵌套<li>标签如果直接ol标签中我们要是要添加别的标签和文字是不被允许的

<li></li>

li标签是之间相等于一个容器 可以使用其他的元素

有序列表会带有自己的样式属性在实际属性


自定义列表

<dl>标签定义的列表

<dt>标签是我们定义的项目/名字

<dd>标签描述了每一个项目和名字

<dl></dl>

<dt>名词</dt>

<dd>名词1解释1</dd>

<dl>标签里面只能包含<dt>标签<dd>标签

<dt>和<dd>个数没有限制经常是一个dt标签定义多个dd标签

 

 

以上是关于<ul>标签两层嵌套如何在js中找到第二层<li>标签,不用获取id的方法。两层<li>标签的class是一样的。的主要内容,如果未能解决你的问题,请参考以下文章

ul标签中嵌套div,div会换行显示,如何让ul和div水平显示在同一行

如何在JS里面来控制ul标签的显示与隐藏?

如何呈现包含打开和未关闭标签的组件?反应.js

html5之列表

Bootstrap入门(二十七)JS插件4:标签页

浅谈列表<ul>跟<dl>使用注意点及使用的场景