在jquery中获取span类值

我无法在jquery中获取单击的span类的值。将两个不同sapn值的值置于if条件下。比如if（span value==this）{}else{} 我需要jquery函数中的跨度值。 这是我的代码：

<div class="two toggle_height">
    <h6 style="padding: 0 171px;">Is Active</h6>
    <div class="button-wrap button-active">
      <div class="button-bg">
         <div class="button-out"><span class="out">OFF</span></div>
         <div class="button-in"><span>ON</span></div>
         <div class="button-switch"></div>
      </div>
    </div>
  </div>
 Jquery:


   $('.button-wrap').on("click", function(){ 
   $(this).toggleClass('button-active');
   });

.two.按钮换行{
宽度：113px；
利润率：7px自动0；
光标：指针；
填充：1px；
}
.2.按钮背景{
宽度：100%；
背景色：#ddd；
边界半径：0px；
填充：2px0px；
颜色：#fff；
----------
过渡：所有0.2秒缓解；
}
.2.按钮激活。按钮背景{
背景色：#22dd22；
}
.2.按钮开关{
位置：相对位置；
左：0px；
宽度：37px；
高度：16px；
边框：实心5px；
边界半径：0px；
过渡：所有0.2秒缓解；
页边顶部：1px；
文本对齐：居中；
左边距：1px；
}
.2.按钮激活。按钮开关{
左：62px；
}
.2.按一下按钮，
.2.扣上按钮{
位置：绝对位置；
过渡：所有0.2秒缓解；
垫面：4px；
字号：0.8em；
文本转换：大写；
字体大小：粗体；
左侧填充：4px；
}
.2.按按钮{
左边距：75px；
}
.2.扣上按钮{
左边距：18px；
颜色：#dd2222；
}
.2.按钮激活。按钮关闭{
颜色：#fff；
}
.2.按钮处于活动状态。按钮处于活动状态{
颜色：#22dd22；
}
.2.按钮激活。按钮背景{
背景色：#000；
}
/*.............
btn关闭
.............*/
.出去{
左边距：-7px；
}
.所有{
/*[禁用]浮动：右*/
}
.upload_img{
左边距：-3px；
}
.footer\u botm{
边缘底部：-19px；
}
.footer\u botm{
边缘底部：-19px；
背景色：rgba（232、219、219、0.4）；
边界半径：6px；
}
.选择{
左边距：4px！重要；
}
元素风格{
}
.total_footer.title{
利润上限：11px；
填充物：5px；
宽度：98%；
边缘底部：-30px；
}
.txt_标签{
左边距：-12px！重要；
}
.二{
左边距：7px；
利润上限：-29px；
}
.模块开关{
利润率顶部：-13px！重要；
左边距：-36px！重要；
}

是活跃的
关
在…上

您可以尝试：

$（'.button in span'）.text（）

或

$（'.button in span'）.html（）

---

jQuery代码在哪里，它是唯一的标记？发布jQuery代码。$（'.button wrap'）。在（“单击”，function（）{$（this）.toggleClass（'button-active'）；}）；警报（$（'.out'）.html（））谢谢您的更正。更新了我的答案

$(".out").on("click", function()
{
   alert( $(".out").html()) // alerts OFF
})