js遍历ul下的li获取内容，js遍历对象的几种方法

本人js菜鸟,怎样用js获取ul里面的li元素,用js写,不用jq

1、新建一个html文件，命名为test.html，用于讲解JS如何获取指定DIV下的子元素LI的值。在test.html文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目项目二。

2、使用jquery脚本库，因此先引入jquery脚本文件。html代码里，就是一个ul列表，里面有二个img控件，还有一个按钮。要注意的是给ul加了一个样式名。使用jquery，先为按钮添加一个点击事件。

3、querySelector(.on ul .on)如果还想获取最里层的所有 li 的话 ，可以用document.querySelectorAll(.on ul .on)，最好是给每个ul 加个类名，选择子元素的时候，就不用写那么多层了。

相关问答

Q1: 用jq怎么获取ul里面的li的值

可以考虑用length属性， jquery代码： $(“#ulname li”).length。ul 是 Unordered List（无序列表）的缩写。与之相对的有ol有序列表标签，列表里的项目用li标签记述，所有主流浏览器都支持 ul 标签。

首先获取到数据。在这里模拟创建一个数组用于测试数据集。第二步，创建一个button点击事件。用于动态观察，同时创建ul标签下的厨师li标签元素，直观的通过点击button的点击事件来触发li标签的更改。

(#ul li).not(：first).remove()；（1）：first 举：(div.one：first)，获取所有class=one的Div的第一个div子元素。

第一个能触发是因为页面加载时它存在，所以能绑定事件，而你第二个下拉框里面的li 是动态生成的，插件根本获取不到，所以就不行了。

$(：eq(index)) index值从0开始。

Q2: 如何使用jQuery动态加载UL标签中的li标签。

1、使用jquery脚本库，因此先引入jquery脚本文件。html代码里，就是一个ul列表，里面有二个img控件，还有一个按钮。要注意的是给ul加了一个样式名。使用jquery，先为按钮添加一个点击事件。

2、新建一个txt文档，将文档修改成“index.html”的html文件。将html文件用Sublime编辑器打开，完善html5标准化代码，并修改网页标题。在body标签内编写一段ul、li的标签。

3、当加载列表时，默认希望选中第一条。top_menu 为ul的ID 通过 $(#top_menu li：first) 就可以获取到 ul下第一个li标签。

4、第(1)个步骤可以使用jQuery的工厂函数$()来完成。 $(html)； $(html)方法会根据传入的HTML标记字符串，创建一个DOM对象，并将这个DOM对象包装成一个jQuery对象后返回。

5、新建一个html文件，命名为test.html。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。

js遍历ul下的li获取内容的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js遍历对象的几种方法、js遍历ul下的li获取内容的信息别忘了在本站进行查找喔。