我有这个:
<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.如果数量不均匀,则第一列应该最多。
我对此很陌生,任何帮助都会受到赞赏。
答案 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]));
});