Question

如何在两个其他元素之间获取元素？

就像我有：

<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c4"></div>
<div class="c5"></div>
<div class="c6"></div>
<div class="c7"></div>

我希望获得div.c3和div.c6之间的元素。

Answer 1

使用nextUntil ^[docs]：

var $siblings = $('.c3').nextUntil('.c6');

Answer 2

您可能需要首先检查元素是否按正确顺序排列，然后nextUntil将返回意外的元素集。

/**
 * Returns an array of sibling elements between `from` and `to` including `from` and `to`
 */
function getElementsInBetween (from, to) {
        var range = [];

        if (from.index() > to.index()) { //ensure that 'from' is before 'to'
            from = [to, to = from][0]; //swapping from and to
        }

        if (from.is(to)) {
            range = [from];
        } else {
            range = from.nextUntil(to).add(from).add(to);
            range = $.makeArray(range);
        }

        return range;
    };

Answer 3

如果仅用于样式目的，并且您不想使用脚本，则可以这样做..

假设您要在.c3和.c6

之间设置元素的样式

.c3 ~ div
{
    /*special styling*/
}
div, .c6 ~ div
{
    /*normal styling*/
}

您可以在行动Here

中看到它

Answer 4

您还可以尝试以下方法：

var selected_elems = $("div").slice(2,6);

slice()：将匹配元素集减少到由一系列索引指定的子集。

文档：http://api.jquery.com/slice/

获得2个元素之间的兄弟姐妹

4 个答案: