jquery - リスト内のアイテムを削除し、jquery で新しいアイテムを追加する

Question

次の出力があります。

<ul id="blogs">

  <li>
      <a href="/blogs/news/6875583-hurricane-sandy">
      <div class="video-container">...</div>
     </a>
 </li>

   <a href="/blogs/news/6875583-hurricane-sandy">
   <strong id="title">Hurricane Sandy</strong>
   <p id="newsp">loremi ispum lor ismi smodi</p>
   </a>
 <a id="readp" class="rmore" href="/blogs/news/6875583-hurricane-sandy">Read More</a>

 <li>
   <a href="/blogs/news/6572743-floyd"></a>
   <div class="video-container">...</div>
   </a>
</li>

  <a href="/blogs/news/6572743-floyd"></a>
  <strong id="title">Hurricane Floyd</strong>
  <p id="newsp">loremi ispum lor ismi smodi</p>
  </a>
   <a id="readp" class="rmore" href="/blogs/news/6572743-floyd">Read More</a>


  <li>
  <a href="/blogs/news/6557987-fiji">
   <img li="" ...<="" src="//mydomain/A21E1A04F48C9B7F42333F72EB5A57D9.jpg?932">
    <strong id="title">Fiji.</strong>
   <p id="newsp">loremi ispum lor ismi smodi</p>
  </a>
   <a id="readp" class="rmore" href="/blogs/news/6557987-fiji">Read More</a>
  </li>


   </ul>

上記の出力を jQuery で次のように編集したいと思います。

<ul id="blogs">
  <li>
     <a href="/blogs/news/6875583-hurricane-sandy">
      <img src="http://mydomain/video_icons.jpg?1212">
     </a>
     <strong id="title">Hurricane Sandy</strong>
     <p id="newsp">loremi ispum lor ismi smodi</p>
     <a id="readp" class="rmore" href="/blogs/news/6875583-hurricane-sandy">Read More</a>
  </li>

  <li>
      <a href="/blogs/news/6572743-floyd"></a>
      <img src="http://mydomain/video_icons.jpg?1212">
     </a>
     <strong id="title">Hurricane Floyd</strong>
     <p id="newsp">loremi ispum lor ismi smodi</p>
     <a id="readp" class="rmore" href="/blogs/news/6572743-floyd">Read More</a>
  </li>

  <li>
     <a href="/blogs/news/6557987-fiji">
      <img src="//mydomain/A21E1A04F48C9B7F42333F72EB5A57D9.jpg?932">
     </a>
    <strong id="title">Fiji.</strong>
    <p id="newsp">loremi ispum lor ismi smodi</p>
    <a id="readp" class="rmore" href="/blogs/news/6557987-fiji">Read More</a>

これは私のjQueryですが、何か不足しているか、これを正しく記述していないため、目的の出力が得られません:

jQuery:

 $("#blogs li").each(function(i) {
    if ($(".video-container").length > 0  && $(this).children('img').length == 0){
      var vidindex = $('#readp').attr('href')
      $(this).find('a').replaceWith(function(){return '';});
      $(".video-container").remove();
      $(this).append('<a href=""><img src="{{ 'video_icons.jpg' | asset_url }}"/></a>');
      $(this).append($("#title"));
      $(this).append($('#newsp'));
      $(this).append($('#readp'))
      $(this).find('a').attr("href", vidindex)
  }
     $("#blogs li img").replaceWith(function(){
     return '<img src="'+this.src+'"/>';
   });
});