jquery显示可见元素?
<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>挑战题</title>
</head>
<body>
<ul>
<li>一</li>
<li>二</li>
<li>三</li>
<li type="display:none">四</li>
<li type="display:none">五</li>
<li type="display:none">六</li>
<li>七</li>
<li>八</li>
<a href="#">更多</a>
</ul>
<script type="text/javascript">
var $strHTML=$("li:visible").html();
$("ul").html($strHTML);
</script>
</body>
</html>
为什么显示出来只有第一个元素?