<ul id="hotQuery">
<li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li>
</ul>用jquery判断li个数是否大于5个,如果大于了。就在ul之后再插入一个ul然后把其余的li加进去。请问改怎么做呢?还有$("#hotQuyer li:lt(5)").html() 为什么只能获取到一个li呢。。 用的是1.4.1
<li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li>
</ul>用jquery判断li个数是否大于5个,如果大于了。就在ul之后再插入一个ul然后把其余的li加进去。请问改怎么做呢?还有$("#hotQuyer li:lt(5)").html() 为什么只能获取到一个li呢。。 用的是1.4.1
<html>
<head>
<meta charset="utf-8" />
<title>jquery移动节点</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<ul id="hotQuery">
<li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li>
</ul>
<script type="text/javascript">
$(document).ready(function(){
if($("#hotQuery li").size()>5){
$("<ul></ul>").appendTo($("body")).append($("#hotQuery li:gt(4)"));
}
})
</script>
</body>
</html>
<ul id="hotQuery">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
<script type="text/javascript">
if($('#hotQuery li').length > 5){
$('<ul></ul>').insertAfter('#hotQuery').append($('#hotQuery li:gt(4)'));
}
</script>
<html>
<head>
<meta charset="utf-8" />
<title>jquery移动节点</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" ></script>
</head>
<body>
<ul id="hotQuery">
<li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li>
</ul><script type="text/javascript">
$(function(){
if($("#hotQuery li").size()>5){
$("<ul></ul>").attr("id","other").css("color","red").insertAfter($("#hotQuery")).append($("#hotQuery li:gt(4)"));
}
});
</script>
</body>
</html>
</body>
</html>参照楼上做练习了。