附加列表项内的锚标记 [英] Append anchor tag inside list-item

问题描述

我有一个无序列表：

HTML：

 ＆LT; UL ID =博客＆GT;
   ＆LT;立GT;
     ＆LT;一类=vimg的href =/博客/新闻/ 6875583-飓风沙＆GT;
      ＆所述; IMG SRC =mydomainvideo_icons.jpg 1542？＆GT;
    ＆所述; / A＆GT;
 ＆LT; /李＆GT;
    ＆LT; A HREF =/博客/新闻/ 6875583-飓风沙＆GT;
      ＆LT;强类=titlen＆GT;桑迪飓风＆LT; / STRONG＆GT;
      ＆LT; p =类newsp＆GT; LOREM ispum LOREM ispumu ...＆LT; / P＆GT;
    ＆所述; / A＆GT;
    ＆LT;一类=READP的href =/博客/新闻/飓风沙＆GT;了解详情＆lt; / A＆GT;
 ＆LT;立GT;＆LT; /李＆GT;
 ＆LT;立GT;＆LT; /李＆GT;
＆LT; / UL＆GT;
 

我想改变上述与jQuery的HTML，所以输出将是如下：

 ＆LT; UL ID =博客＆GT;
   ＆LT;立GT;
      ＆LT;一类=vimg的href =/博客/新闻/ 6875583-飓风沙＆GT;
       ＆所述; IMG SRC =mydomainvideo_icons.jpg 1542？＆GT;
     ＆所述; / A＆GT;
     ＆LT; A HREF =/博客/新闻/ 6875583-飓风沙＆GT;
       ＆LT;强类=titlen＆GT;桑迪飓风＆LT; / STRONG＆GT;
       ＆LT; p =类newsp＆GT; LOREM ispum LOREM ispumu ...＆LT; / P＆GT;
    ＆所述; / A＆GT;
    ＆LT;一类=READP的href =/博客/新闻/飓风沙＆GT;了解详情＆lt; / A＆GT;
 ＆LT; /李＆GT;
 ＆LT;立GT;＆LT; /李＆GT;
 ＆LT;立GT;＆LT; /李＆GT;
 

这是jQuery的我有但其不工作：

jQuery的：

  $（＃博客里）。每个（函数（）{       如果（$（视频容器）长度方式＆gt; 0安培;＆安培; $（本）。儿童（'IMG'）长度== 0）{
          VAR vidindex = $（'。READP'）。ATTR（'href属性）
          $（本）.find（'。视频容器）删除（）;
          $（本）.append（'＆下;类别=vimg的href =＆GT;＆下; IMG SRC ={{'video_icons.jpg'| ASSET_URL}}/＆GT;＆下; / A＆GT;'） ;
          $（'。titlen'）。appendTo（'。vimg'）
          $（本）.find（'A'）。ATTR（的href，vidindex）
     }
      $（本）.find（'IMG'）replaceWith（函数（）{返回'＆LT; IMG SRC ='+ this.src +'/＆GT;';}）;
}）;
 

解决方案

  

附加列表项内的锚标记

  $（＃博客），发现（「李先生」）追加。（＆LT; A HREF ='＃'＆GT;有的描述＆LT; / A＆gt;中）;
 

I have an unordered list:

Html:

<ul id="blogs">
   <li>
     <a class="vimg" href="/blogs/news/6875583-hurricane-sandy">
      <img src="mydomainvideo_icons.jpg?1542">
    </a>
 </li>
    <a href="/blogs/news/6875583-hurricane-sandy">
      <strong class="titlen">Hurricane Sandy</strong>
      <p class="newsp">lorem ispum lorem ispumu...</p>
    </a>
    <a class="readp" href="/blogs/news/hurricane-sandy">Read More</a>
 <li></li>
 <li></li>
</ul>

I would like to alter the html above with jQuery, so the output would be the following:

  <ul id="blogs">
   <li>
      <a class="vimg" href="/blogs/news/6875583-hurricane-sandy">
       <img src="mydomainvideo_icons.jpg?1542">
     </a>
     <a href="/blogs/news/6875583-hurricane-sandy">
       <strong class="titlen">Hurricane Sandy</strong>
       <p class="newsp">lorem ispum lorem ispumu...</p>
    </a>
    <a class="readp" href="/blogs/news/hurricane-sandy">Read More</a>
 </li>
 <li></li>
 <li></li>

This is the jquery I have but its a not working:

jQuery:

  $("#blogs li").each(function(){

       if ($(".video-container").length > 0  && $(this).children('img').length == 0){
          var vidindex = $('.readp').attr('href')
          $(this).find('.video-container').remove();
          $(this).append('<a class="vimg" href=""><img src="{{ 'video_icons.jpg' | asset_url }}"/></a>');
          $('.titlen').appendTo('.vimg')
          $(this).find('a').attr("href", vidindex)
     }
      $(this).find('img').replaceWith(function(){ return '<img src="'+this.src+'"/>';});
});

解决方案

Append anchor tag inside list-item

$("#blogs").find("li").append("<a href='#'>some Description</a>");

这篇关于附加列表项内的锚标记的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！