通过jquery遍历ul下的li 使得内容在页面上依次显示
时间: 2024-04-07 13:30:01 浏览: 68
ul和li实现分两列(多列)布局显示
您可以使用以下代码通过jQuery遍历UL下的LI,并将内容依次显示在页面上:
```javascript
$("ul li").each(function(index) {
var delay = index * 1000; // 设置延迟时间,每个LI间隔1秒显示
var li = $(this);
setTimeout(function() {
li.show(); // 显示LI
}, delay);
});
```
这段代码首先选中UL元素下的所有LI元素,然后使用`each`方法对每个LI进行遍历。在遍历的过程中,使用`setTimeout`函数设置一个延迟时间,使得每个LI在相应的延迟时间后显示出来。在延迟时间到达后,使用`show`方法将LI显示出来。
请注意,您需要确保在运行该代码之前已经引入了jQuery库。
阅读全文