[英]Append anchor tag inside list-item
I have an unordered list: 我有一个无序列表:
Html: 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: 我想用jQuery改变上面的html,所以输出如下:
<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,但它不起作用:
jQuery: 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+'"/>';});
});
在list-item中追加锚标记
$("#blogs").find("li").append("<a href='#'>some Description</a>");
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.