Question

我有几个绝对定位元素。是否有可能使所有元素的位置都在当前元素的右侧？

如果是，该怎么做？

Answer 1

我刚刚编写了一个实现此功能的插件。 小提琴：http://jsfiddle.net/FJ5Cp/1/

功能逻辑应该类似于：

获取当前元素的左侧位置和偏移宽度。将这些添加在一起以获得正确的边框。
获取每个元素的左侧位置和偏移宽度，添加这些元素以获得正确的边框。将此值与一个值进行比较。

用法和功能：

// Basic usage
var allRightElements = $("element").rightOfCurrent();
// Only select ___ elements which are located right of the current element
var allRightElementsFilter = $("element").rightOfCurrent("___");
// Only select ___ elements, which are located right of the current element,
//   which are childs of ####
var allRightFilterInsideSomething = $("element").rightOfCurrent("___", "###");

(function($){
    $.fn.rightOfCurrent = function(selector, context){
        elem = this.eq(0);
        selector = selector || '*';
        context = context || null;
        var currentRight = elem.offset().left + elem.width();
        return $(selector, context).filter(function(){
           var $this = $(this);
           if ($this.css('position') == 'absolute'){
               return $this.offset().left + $this.width() > currentRight;
           }
           return false;
        });
    }
})(jQuery);

Answer 2

使用.filter()，将每个元素的.offset().left与当前元素的元素进行比较：

var l = currentElement.offset().left;
var righterElements = positionedElements.filter(function(){
    return $(this).offset().left > l;
});

如何将所有元素放在另一个元素的右侧

2 个答案: