当前位置：首页 → 问答吧 → 一个jQuery问题先谢谢大家，给分给分！

一个jQuery问题先谢谢大家，给分给分！

时间：2011-12-15

来源：互联网

HTML code

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html"; charset=utf-8">
        <title>Insert title here</title>
        <script src="jquery.js"></script>
        <style>
           .sub ul{
                width: 200px;
                list-style: none;
                margin: 5px 0;
            }
        </style>
    </head>
    <body>
     <div class="sub"
    <div style="float:left">
            <ul>
                <li>11</li>
                <li>12</li>
            </ul>
            <ul>
                <li>21</li>
                <li>22</li>
            </ul>
     </div>
     <div style="float:left">
            <ul>
                <li>31</li>
                <li>32</li>
            </ul>
            <ul>
                <li>41</li>
                <li>42</li>
            </ul>
     </div>
     </div>
        <script>
            (function($) {  
                jQuery.fn.extend({
                    calcSubWidth: function() {
                        var elem = $(this), div = null, rowWidth = 0;
                        //Calculate row
                        elem.find("ul").each(function(i) {
                            if(i%2 === 0){
                                div = $('<div class=ul-group>').appendTo(elem);
                                rowWidth = 0;
                            }
                            div.append(this);
                        });    
                        
                    }
                });
            })(jQuery);
            $('#test').calcSubWidth();
        </script>
    </body>
</html>

这个是一个下拉菜单的脚本，它通过查找UL个数来给下拉列表赋予宽度，比如宽度是200如果是4个UL就会是800的宽度平行展示，但是我想把那个UL两个两个的放在div中垂直罗列，也就是需要400的宽度，但是上面的代码还是出现了800的宽度，(this).find("div")也没有达成我的效果，请问各位能不能帮我解答呢，小弟对这段代码不熟，只能知道大概，如何能根据我的div数量给他400的宽度呢？谢谢大家啦！！！

作者: bobo66542401 发布时间: 2011-12-15

代码给的不全啊，兄弟？？

作者: laoyingisme 发布时间: 2011-12-15