javascript - 具有相同属性值的 sibling

Question

我有一个像这样的div结构

<div>
    <div class='class1'>contens</div>
    <div class='class2'>contens</div>
    <div class='class2'>contens</div>
    <div class='class2'>contens</div>
    <div class='class3'>contens</div>
    <div class='class2'>contens</div>
    <div class='class1'>contens</div>
</div>

这里我想写一个选择器，它将选择所有 class='class2' 的 div 元素，它们应该彼此相邻。即我应该只选择索引 1、2、3 而不是 div 索引 5，因为它不与组相邻。

请在这里帮忙。

Answer 1

您可以使用 adjacent sibling selector

var elems = $('.class2 + .class2').add( $('.class2 + .class2').prev() )

FIDDLE

或者缓存选择器(带有一个 IIFE 的参数)

var elems = (function(x) {return x.add( x.prev() )})($('.class2 + .class2'));

FIDDLE