jquery方法实现上下按钮，循环切换中间的内容

布局：

 <div class="laboratory-temperature-list clearfix">
    <p v-on:click="precom()" class="fl el-icon-caret-left pre pre1 font-26" style="padding-top:3px;"></p>
      <div class="bigshare-imgbox fl box">
          <ul class="share-imgbox laboratory-lists">
              <li class="share-imgboxlist laboratory-list" :class="{'active':index + 1 == currentindex}" :title="item.name"
                  v-for="(item, index) in labIncludeTemperatureAndHumidityList" :key="index" v-on:click="thumiditybto(item.id, index + 1)" >
                  <div class="laboratory-listimg overflow">{
  {item.name}}</div>
              </li>
          </ul>
      </div>
      <p class="fl el-icon-caret-right pre2  font-26 " v-on:click="next()" style="padding-top:3px;" ></p>
      <p class="laboratory-num padding-l-5 fl " style="padding-top:7px;"><span>{
  {currentindex? currentindex : 1}}</span>/<span>{
  {labIncludeTemperatureAndHumiditylength}}</span></p>
</div>

CSS的样式：