Javascript 获取下一个元素中元素有“的所有元素”；“相同”；串联上课

只需选择系列中具有相同类的所有后续元素，若类已更改，则停止

$（'.same'）。单击（函数（）{
var chosenOne=$（本）；
$（'.same'）.removeClass（'color'）；
chosenOne.addClass（“颜色”）；
chosenOne.nextAll（“.same”）.addClass（“颜色”）；
});
.color{
颜色：蓝色；
字体大小：粗体；
}

正文
正文
正文
停在这里
正文
正文
如果另一个类总是
不相同
，则可以使用
.nextUntil（）


$（'.same'）。单击（函数（）{
var chosenOne=$（本）；
$（'.same'）.removeClass（'color'）；
chosenOne.addClass（“颜色”）；
chosenOne.nextUntil（“.not same”）.addClass（“color”）；
});
.color{
颜色：蓝色；
字体大小：粗体；
}

正文
正文
正文
停在这里
正文
正文
这就是你需要的吗


$（'.same'）。单击（函数（）{
var chosenOne=$（本）；
$（'.same'）.removeClass（'color'）；
chosenOne.addClass（“颜色”）；
//chosenOne.nextAll（“.same”）.addClass（“颜色”）；
while（chosenOne.next（'div'）.hasClass（'same'））{
chosenOne.next（“.same”）.addClass（“color”）；
chosenOne=chosenOne.next（“div”）；
}
});
.color{
颜色：蓝色；
字体大小：粗体；
}

正文
正文
正文
停在这里
正文
正文
这里有一点你想要的，希望是这样

$('.same').click(function () {
    var _elms = $(this).parent().children();
    var _class = $(this).attr('class');
    for(var i=0;i<_elms.length;i++){
        console.log(_elms[i]);
      var el = $(_elms[i]);
        el.addClass('color');

        if(!el.hasClass(_class)){
        break;
      }
    }
    console.log(_class);
});

$（'.same'）。单击（函数（）{
var_elms=$（this.parent（）.children（）；
var_class=$（this.attr（'class'）；
对于（var i=0；i您是否尝试过nextUntil（）jQuery函数

$('.same').nextUntil(':not(.same)').addClass('color');


$（'.same'）。单击（函数（）{
$（'.same'）.removeClass（'color'）；
$（此）.addClass（“颜色”）；
$（this）.nextUntil（':not（.same））.addClass（“color”）；
})；
.color{
颜色：蓝色；
字体大小：粗体；
}

正文
正文
正文
停在这里
正文
正文