以下代码按.dataCard属性的值对data-cardNumber元素进行排序,然后将它们按顺序附加到#main

如何将它们附加到#left#right

我希望它如何在#left#right之间进行选择,是要测量#left#right的高度并进行比较。

如果#left更高/更长,则附加到#right;如果#right更高/更长,则附加到#left;如果它们都相同,则附加到#left

var m = $('#main .dataCard').sort(function(a, b){
    return $(a).data('cardnumber') - $(b).data('cardnumber');
}).appendTo('#main');


我非常感谢您提供任何帮助,以帮助您根据身高将其分类为一列或另一列。

提前致谢!
                                        }

最佳答案

fiddle Demo

var left = $('#left'), //cache selector
    right = $('#right'), //cache selector
    append_to_div;
if (left.height() < right.height()) { //compare height
    append_to_div = right;
} else {
    var append_to_div = left;
}

var x = $('#main .dataCard').sort(function (a, b) {
    return $(a).data('cardnumber') - $(b).data('cardnumber');
});

append_to_div.html(x); //html will add new list of items where as append will add items top previous elements



OP评论后更新

Updated fiddle Demo

var left = $('#left'),
    right = $('#right'),
    l = [],
    r = [];

var x = $('#main .dataCard').sort(function (a, b) {
    return $(a).data('cardnumber') - $(b).data('cardnumber');
});
for (var i = 0; i < left.children().length; i++) {
    l.push(x[i]);
}
for (var i = left.children().length; i < left.children().length + right.children().length; i++) {
    r.push(x[i]);
}
left.html(l);
right.html(r);



以上代码的较短和更好的版本

Updated fiddle Demo

var left = $('#left'),
    right = $('#right'),
    arr = [];

var x = $('#main .dataCard').sort(function (a, b) {
    return $(a).data('cardnumber') - $(b).data('cardnumber');
});
arr = $.makeArray(x);
left.html(arr.slice(0, left.children().length));
right.html(arr.slice(left.children().length));

关于javascript - 附加到两列之一,然后附加到另一列,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20302965/

10-11 11:47