优雅的方式来选择html元素1,2,5,6 ...具有未知数量的元素/

Question

我正在寻找优雅的方法来选择左侧的div（标记为绿色）。 元素数量未知，因此我不能依赖select s.* from users s left join positions p on p.id = s.position_id where s.id = 1 或用于过滤元素的任何其他函数。 谢谢你的任何建议。

HTML：

.eq()

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...
    }
});

Answer 2

试试这个：

//Select the first 2 elements of each row
var rowSize = 4;  
$("div.col-sm-6").filter(function() {
    return $(this).index() % rowSize < 2;
});

<强>演示：

$("div.col-sm-6").filter(function() {
	return $(this).index() % 4 < 2
}).addClass('selected');

.selected {
  background-color:green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="row">

<div class="col-sm-6">
    <div>1
    </div>
</div>
<div class="col-sm-6">
    <div>2
    </div>
</div>
<div class="col-sm-6">
    <div>3
    </div>
</div>
<div class="col-sm-6">
    <div>4
    </div>
</div>
<div class="col-sm-6">
    <div>5
    </div>
</div>
<div class="col-sm-6">
    <div>6
    </div>
</div>
<div class="col-sm-6">
    <div>7
    </div>
</div>
<div class="col-sm-6">
    <div>8
    </div>
</div>

Answer 3

您可以使用first-child＆amp; nth-child。 希望这个片段有用

$("#demoTable tr td:first-child").addClass("myClass");
$("#demoTable tr td:nth-child(2)").addClass("myClass");

JSFIDDLE

注意：我尝试使用表格，您可以使用div.row

进行检查