jQuery filter function not working

Question

I'm trying to change the background color of all the divs which have a distance of 100px or more relative to their parent's top.

I'm using:

$('.box').filter(function () {
    return $(this).position.top > 99;
}).css('background', 'red');

Which doesn't seem to work.

could you use a $.each() on the .box class? Where a simple if statement should do... — Alex Neigher
– Alex Neigher, Commented Jan 29, 2014 at 17:57

m59 · Accepted Answer · 2014-01-29 17:56:02Z

1

You need to invoke the function position. You left off the ().

position().top > 99;

Complete code:

$('.box').filter(function () {
    return $(this).position().top > 99;
}).css('background', 'red');

answered Jan 29, 2014 at 17:56

m59

43.9k14 gold badges122 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Aditya · Accepted Answer · 2014-01-29 18:03:30Z

1

Here is the working fiddle : Working Fiddle

Try

$(this).positon().top for relative to parent

$(this).offset().top for relative to document : Fiddle

answered Jan 29, 2014 at 17:56

Aditya

4,4733 gold badges30 silver badges40 bronze badges

offset is relative to document, not parent