<div class="yjzsfl_topn" style="margin-top:10px"> <ul> <li><i class="iconfont icondiandian"></i>重大危险源告警 <div class="yjzsfl_data"> 12346 </div> </li> <li><i class="iconfont icondiandian"></i>高位工艺告警 <div class="yjzsfl_data">12345</div> </li> <li><i class="iconfont icondiandian"></i>车辆告警 <div class="yjzsfl_data">16345</div> </li> <li><i class="iconfont icondiandian"></i>人员告警 <div class="yjzsfl_data">12365</div> </li> </ul></div> .yjzsfl_topn ul li { height: 34px; line-height: 34px; color: #0549b6; margin-top: 6px;}.yjzsfl_data{ width: 162px; height: 34px; box-sizing: border-box; border: 1px solid #8db9ff; margin-right: 12px; overflow: hidden; float: right; display: flex; justify-content: flex-end; }.yjzsfl_data div{ width:28px; height:28px; background:#ccc; float:left; text-align:center; line-height:28px; margin:1px; border: 1px solid #8db9ff; background: #e3edff; font-family: FX-LED; font-weight: bold; font-size: 26px; }xxxxxxxxxx$('.yjzsfl_data').each(function(){ let num = $(this).text().trim().split('') let html = '' num.map((item)=>{ html+='<div>'+item+'</div>' }) $(this).html(html)})