<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>的值。
如果还想获取最里层的所有 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是一样的。的主要内容,如果未能解决你的问题,请参考以下文章