js 判断 li 的个数，多于指定个数的 li 收起到另一个列表中

最新推荐文章于 2022-04-21 17:29:23 发布

weixin_44703304

最新推荐文章于 2022-04-21 17:29:23 发布

阅读量827

点赞数 1

分类专栏： JavaScript 文章标签：判断子类个数超出数量的移到单独列表

本文链接：https://blog.csdn.net/weixin_44703304/article/details/89886646

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<script src="http://code.jquery.com/jquery-latest.js"></script>
		<script>
			$(function() {
				if ($('.list li').size() > 4) {  //size()方法判断是否超出指定数量
					var html = '';
					$.each($('.list li:gt(4)'), function() {
						html += $(this).prop("outerHTML");
						$(this).remove();
					})
					$('.list').after('<ul class="list">' + html + '</ul>')    //超出的 li 复制到指定列表中
				}
			})
		</script>
	</head>

	<body>
		<ul class="list">
			<li>11111111</li>
			<li>2222222</li>
			<li>3333333</li>
			<li>4444444</li>
			<li>5555555</li>
			<li>6666666</li>
			<li>7777777</li>
		</ul>
	</body>
</html>