<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

解决方案 »

  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>
      

  2.   


    <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>
      

  3.   

    <!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)"));
            }
        });
    </script>
    </body>
    </html>
    </body>
    </html>参照楼上做练习了。