Jquery li位置返回零

Question

我有一个简单的列表,其中一些元素有类"父"

<div>
    <ul>
        <li class="parent">text</li>
        <li>text</li>
        <li class=parent>text</li>
        <li>text</li>
    </ul>
</div>

div有text-align:justify;,ul有position:relative;,李有display: inline-block; position:relative;

我使用以下代码来获取每个li与类'parent'的位置.然后我想为其中一些添加类,其位置小于100.

var position = $('.parent').position();

if (position.left < 100) {
    $('.parent').addClass('left');
}

但它总是在.position()步骤中返回零(可能是第一个的位置.parent？)

如何让它正常工作并使每个班级的人回到正确的位置？

Answer 1

根据位置过滤元素,并添加类:

$('.parent').filter(function() {
   return $(this).position().left < 100;
}).addClass('left');