The problem of replacing labels in batch by JavaScript

problem description

Hi ladies and gentlemen:
now we have a problem. We need to batch process some tags under ID wzleftb. I hope the great god JS can take a look at it

replace all a tags with li tags

original html: to be processed 

  <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>
   
 
  </div>

processed html: (replace all a tags with li tags) 

  <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>

Gods, I haven"t done my research for a long time, so I asked for help.

Javascript
Apr.05,2021 
     var html="";
      $.each($("img"),function(index,value){
          html+="<li><img src="+$(this).attr("src")+"/></li>";
      })
      $("div").html(null);
      $("div").append(html);
var wzleftb = document.querySelector('-sharpwzleftb'),
  imgList = wzleftb.querySelectorAll('img'),
  dom = document.createDocumentFragment(); // 

for (var i = 0, len = imgList.length; i < len; iPP) {
  var li = document.createElement('li');
  li.appendChild(imgList[i]);
  dom.appendChild(li); // 
}
wzleftb.innerHTML = ''; // 
wzleftb.appendchild(dom); // 

var tag = '';
$('-sharpwzleftb a').each(function(i,item){
    $(item).find('img').wrap('<li></li>');
    tag += $(item).html();
    $('-sharpwzleftb').html(tag)
})

Previous: How can the steps components in react be written dynamically?

Next: You can scan the code with Wechat, but not in Wechat.

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu