日期:2014-05-16  浏览次数:20393 次

jquery移动节点问题??
<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

------解决方案--------------------
<!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)"));