日期:2014-05-16 浏览次数:20393 次
<!doctype html>
<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>
<!doctype html>
<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)"));