Question

似乎像我需要一些基本的联席援助。我试图打上一个字母,在<代码><div>上每两个表列加一个<ul>。清单内容不属我控制,也不属每个要素的高度。但是,我需要一种办法,确保每个奶牛(边边sh)都接受同样的空间unt。

希望能帮助

谢谢。

因此。

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

......

 <ul>
     <div>
        <li></li>
        <li></li>
     </div>
     <div>
        <li></li>
        <li></li>
     </div>
     <div>
        <li></li>
        <li></li>
     </div>
 </ul>

Answer 1

using jquery you can try:

            $(document).ready(function(){               
                var lis = $("li");
                for(var i = 0; i < lis.length; i+=2) {
                    lis.slice(i, i+2).wrapAll("<div></div>");
                }
            });

Answer 2

Instead of wrapping in extra non-semantic elements, try using the CSS :even and :odd classes instead. More info found at: Using CSS :even and :odd pseudo-classes with list items

Answer 3

这使预期产出:

<html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    jQuery(document).ready(function(){ 
        var str="",fHtml="";
        var i=0;
        $("li").each(function(key,val){
            str+="<li>"+$(this).html()+"</li>";
            if(++i==2) { 
                    i=0;    
                    fHtml+="<div>"+str+"</div>";
                    str=""; 
                }
         });
         $("ul").html(fHtml)
    });
    </script>
    </head>
    <body>
    <ul>
        <li>first Div</li>
        <li>first Div</li>
        <li>second div</li>
        <li>second div</li>
        <li>third div</li>
        <li>third div</li>
    </ul>
    </body>
    </html>

Answer 4

如果你只是想表明,除其大小外,在母亲身边两处的奶粉中,你只能使用CSS3:

Define float:left for all li elements, and subsequently use the :nth-child(odd) selectedor to Addclear:左; for all odd li elements (1st, 3rd, 5th, 等)



http://jsfiddle.net/e63Rv/“rel=“nofollow” http://jsfiddle.net/e63Rv/。

友情链接