javascript - 如何让所有元素都在另一个元素的右边

Question

我有几个绝对定位元素。是否可以获取当前元素右侧位置的所有元素？

如果是，该怎么做？

Answer 1

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

函数逻辑应该类似于:

1. 获取当前元素的左边位置和偏移宽度。将这些加在一起以获得正确的边框。
2. 获取每个元素的左边位置和偏移宽度，将它们相加得到右边框。将此值与 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);