选择一组跨度的前半部分/后半部分

【问题标题】：Select first/last half of a group of spans选择一组跨度的前半部分/后半部分
【发布时间】：2015-04-11 16:39:23
【问题描述】：

我的代码中有这种类似表格的结构。有没有一种很好的方法来选择 div 中包含的跨度的前“一半”？

<div> 
    <span></span>
    <span></span>
    <span></span>
    <span></span>
</div>

我可以做典型的 div - 孩子，然后数数并除以二。但我想知道是否有一个基于子间隔位置的选择器。比如 .find("span[0-4]")

【问题讨论】：

请尝试一下或发布您已经尝试过的内容。
有很多漂亮和丑陋的方式。你试过哪一种？
jQuery split long ul list in smaller lists 的可能重复项
我更彻底地解释了我在寻找什么。

标签： jquery

【解决方案1】：

我建议使用.slice() method。通过访问.length 属性检索span 元素的总数，然后将其分成两半：

var $el = $('div span');
$el.slice(0, Math.ceil($el.length / 2)).addClass('half');

div span {
    display: inline-block;
    height: 20px;
    width: 100%;
    border: 2px solid;
}
.half {
    border: 2px solid #f00;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div> 
    <span></span>
    <span></span>
    <span></span>
    <span></span>
</div>

要访问后半部分，请改用以下任一方法：

$el.slice(Math.ceil($el.length / 2), $el.length)

$el.slice(-Math.ceil($el.length / 2))

【讨论】：