如何删除<；i>；用javascript标记

我将此脚本用于我的进度条：

$('.progress-bars li').each(function(i){  
  var percent = $(this).find('.spann').attr('data-width');
  var $endNum = parseInt($(this).find('.spann strong i').text());
  var $that = $(this);

  $(this).find('.spann').animate({
    'width' : percent + '%'
  },1600, function(){
  });

  $(this).find('.spann strong').animate({
    'opacity' : 1
  },1400);  

  $(this).find('.spann strong i').countTo({
    from: 0,
    to: $endNum,
    speed: 1200,
    refreshInterval: 30,
    onComplete: function(){}
  });  

  if(percent == '100'){
    $that.find('.spann strong').addClass('full');
  }     
});   

我使用

标记查找

countTo

函数的编号。我的问题是，我想在运行

countTo

脚本后删除这些

标记

例如：

<ul class="progress-bar"> 
    <li>
         <p>Video production</p>
         <div class="bar-wrap"><div class="spann" data-width="100"><strong><i>100</i>% </strong><div class="arrow"></div></div> </div>
    </li> 
    <li>
            <p>IOS Development</p>
            <div class="bar-wrap"><div class="spann" data-width="80"><strong><i>80</i>% </strong><div class="arrow"></div></div> </div>
    </li>
</ul>

视频制作

100%


IOS开发

80%

运行脚本后，我想删除

标记并保留编号。

var Is=document.querySelector（“.progress bar”）.queryselectoral（“i”）；
Array.prototype.map.call（Is，function（element）{
var content=element.childNodes[0]；
element.parentNode.replaceChild（内容，元素）；
});


视频制作

100%


IOS开发

80%

您可以在调用countTo脚本后使用这一行代码：

$（“i”）.contents（）.unwrap（）；

这将选择所有的
标记。
.contents（）
获取
内的文本，
.unwrap（）
删除内容的父项，即
标记。
为什么不使用更具语义的内容，而不用担心删除它们？或者将它们也包含在
数据-
属性中？因为我使用一页滚动，当我切换当前页面时，它再次开始计数。我尝试了很多东西，但这是我最好的解决方案。