JavaScript批量替换标签的问题

Question

问题描述

Hi 各位：
现遇到一个问题，需要批量处理一下ID为wzleftb下的一些标签。希望有JS大神能帮忙看一下：

把所有a标签替换成li标签

需要处理的原html：

  <div class="wzleftb" id="wzleftb"> 
   <p style="text-align: center;">
       <a href="data/102129t32lrueuonnruum1.jpg" target="_blank"><img src="data/102129t32lrueuonnruum1.jpg" /></a>
       <a href="data/102129n8ir82wfvi9zd5c6.jpg" target="_blank"><img src="data/102129n8ir82wfvi9zd5c6.jpg" /></a>
       <a href="data/102129s29jk02wpt0wrew5.jpg" target="_blank"><img src="data/102129s29jk02wpt0wrew5.jpg" /></a>
   </p> 
  </div>

处理后的html：（把所有a标签替换成li标签）

  <div class="wzleftb" id="wzleftb"> 
       <li><img src="data/102129t32lrueuonnruum1.jpg" /></li>
       <li><img src="data/102129n8ir82wfvi9zd5c6.jpg" /></li>
       <li><img src="data/102129s29jk02wpt0wrew5.jpg" /></li>
  </div>

各位大神，我研究很长时间也没搞定，求助了啊。

Answer 1

&nbsp; &nbsp; &nbsp;var html="";&nbsp; &nbsp; &nbsp; $.each($("img"),function(index,value){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; html+="<li><img src="+$(this).attr("src")+"/></li>";&nbsp; &nbsp; &nbsp; })&nbsp; &nbsp; &nbsp; $("div").html(null);&nbsp; &nbsp; &nbsp; $("div").append(html);