jquery: select all siblings with css left:position greater than left:position of an element

Question

How to select all siblings of an element that are positioned to the right of it via css? fiddle link

Answer 1

You can use filter() to return a subset of a selector based on a function you provide, try this:

var threeLeft = $("#three").position().left;
var $lis = $("ul li").filter(function() {
    return $(this).position().left > threeLeft;
});
$lis.css("border", "1px solid #C00");

Example fiddle