Jquery next（）不适用于span

我的html如下所示：

<span class="subHeader">Line of Business: </span>
<br>
<span class="sk-hits-grid-hit__state" style="margin: 5px; text-align: center;">General Liability,Workers Comp,</span>

（我还有其他的小标题，所以我必须检查文本）。我想获取同级span元素。我尝试了sibling（）和next（），它们都没有返回任何内容。有什么想法吗？

是

兄弟姐妹（）

，这将得到您提到的跨度

$('#subHeader').siblings('span.sk-hits-grid-hit__state').text()

例：

console.log（$（'#subHeader'）。同级（'span.sk-hits-grid-hit_ustate'）。text（））

业务范围：


一般责任，工人薪酬，

我们可以通过将

.filter（）

方法链接到

.sibbins（）

方法来利用该方法。此代码假设每个

span.子标题

和

span.sk-hits-grid-hit_u_u状态

HTML

JavaScript/jQuery

var sub_headers_array=$（'.subHeader'）.filter（函数（）{
return$（this）.text（）=“业务线：”；
});
子_头_数组。每个（函数（索引，当前_单元格）{
var business_text_span=$（当前_单元格）.sibbines（）.filter（函数（））{
return$（this）.text（）==“一般负债，工人薪酬，”；
});
业务文本span.addClass（'turn_blue'）；
console.log（业务文本）；
});
。副标题{
字体大小：粗体；
字体大小：.83em；
字体系列：arial；
}
.变蓝{
颜色：蓝色；
字体大小：.83em；
字体系列：arial
}

业务范围：


一般责任，工人公司，
$('#subHeader').siblings('span.sk-hits-grid-hit__state').text()

<span class="subHeader">Line of Business: </span>
<br>
<span class="sk-hits-grid-hit__state" style="margin: 5px; text-align: center;">General Liability,Workers Comp,</span>

.subHeader {
  font-weight: bold;
  font-size: .83em;
  font-family: arial;
}

.turn_blue {
  color: blue;
  font-size: .83em;
  font-family: arial
}

var sub_headers_array = $('.subHeader').filter(function() {
    return $(this).text() === "Line of Business: ";
});

sub_headers_array.each(function(index, current_cell) {
    var business_text_span = $(current_cell).siblings().filter(function() {
        return $(this).text() === "General Liability,Workers Comp,";
    });

    business_text_span.addClass('turn_blue')

    console.log(business_text_span);
});