背景
今天在使用cheerio解析一个新浪博客网页目录的时候,准备获取其中的目录超链接,发现获取的目录总是按照倒序的顺序排序,自己突然就是想做一个正序的目录,于是在网上搜索jQuery中each()方法如何倒序遍历数组
转换成数组,然后reverse一下
关键代码
完整代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hangge.com</title>
<script src="jquery-3.1.1.js" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
$($("li").toArray().reverse()).each(function(index,item){
var text = $(item).text() + " + " + index;
$(item).text(text);
});
});
</script>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</body>
</html>
使用get方法,然后reverse一下
关键代码
完整代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hangge.com</title>
<script src="jquery-3.1.1.js" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
$($("li").get().reverse()).each(function(index,item){
var text = $(item).text() + " + " + index;
$(item).text(text);
});
});
</script>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</body>
</html>