javascript - 选择 html 元素 1,2,5,6 ...元素数量未知的优雅方法/

Question

我正在寻找优雅的方式来仅选择左侧的 div(标记为绿色)。 元素数量未知，因此我不能依赖 .eq() 或用于过滤元素的任何其他函数。 谢谢您的建议。

HTML:

<div class="row">

<div class="col-sm-6">
    <div>
    </div>
</div>
<div class="col-sm-6">
    <div>
    </div>
</div>
<div class="col-sm-6">
    <div>
    </div>
</div>
<div class="col-sm-6">
    <div>
    </div>
</div>
<div class="col-sm-6">
    <div>
    </div>
</div>
<div class="col-sm-6">
    <div>
    </div>
</div>

Answer 1

对于每个 div...如果其左偏移量小于第三个...
必须选择它。

//Find the offset position of the 3rd div
offset3 = $(".col-sm-6").eq(2).offset().left;

$(".col-sm-6").each(function(){
    if($(this).offset().left < offset3){
        SelectIt = $(this).children("div");  // Select the "green" inner div

    // Do something with SelectIt...
    }
});