将内容拆分为两列 - Blade

时间:2014-08-27 01:22:21

标签: jquery laravel

我有这个:

<script type="text/javascript">
    $(document).ready(function() {
        var size = $("#column1 > p").size();
        $("#column1 > a").each(function(index){
            if (index >= size/2){
                $(this).appendTo("#column2");
            }
        })
        $("#column1 > p").each(function(index){
            if (index >= size/2){
                $(this).appendTo("#column2");
            }
        });
    });
</script>

尝试将内容拆分为这两个div:

<div id="column1" class="col-lg-6">
            <a href="http://localhost:81/dashboard/showinfo?id=1"><h4>The New Law of Torts - Cornes and Clark</h4></a>
            <p>BURWOOD - Perfect.</p>
             <a href="http://localhost:81/dashboard/showinfo?id=2"><h4>Name Of Book - Martin Krivosija</h4></a>
            <p>Burwood - Good.</p>
</div>
<div id="column2" class="col-lg-6">
</div>

我想在2列之间拆分内容。因此,如果有10个项目,则将其拆分为5和5.如果数量不均匀,则第一列应该最多。

我对此很陌生,任何帮助都会受到赞赏。

1 个答案:

答案 0 :(得分:0)

您可以尝试使用this

var a = $('#column1').find('a').get();
var p = $('#column1').find('p').get();
var num = Math.ceil( a.length / 2);
var a2 = a.slice(num);
var p2 = p.slice(num);

$.each(a2, function(k, a){
    $('#column2').append(a).append($(p2[k]));
});