JQuery追加图像

我正试图在摘要标题下移动缩略图。这是我的代码。目前没有发生。有什么建议么？谢谢！JQuery追加图像

JQuery的

$(".summary-thumbnail-image").insertBefore(".summary-excerpt");

HTML

<div class="summary-item"> 
<a href="/blog/gathering" class="summary-thumbnail-container"> 
<div class="summary-thumbnail"> 
<img src="gathering.jpg" class="summary-thumbnail-image"> 
</div> 
</a> 

<div class="summary-title">...</div> 

<div class="summary-excerpt">...</div></div>

来源

2015-11-16 ROOH

你的代码工作正常http://jsfiddle.net/mohamedyousef1980/vLjyw2ks/ ..如果你忘记包含它，一定要包括Jquery ...并且你可以使用$（“。summary-thumbnail-image”）.insertAfter （“.summary-title”）; .. http://jsfiddle.net/mohamedyousef1980/vLjyw2ks/1/ –

实际标记有点不同 - 我试图在这里缩写，但它不起作用 - http://www.girlmeetsisland.com/new-home – ROOH

看到我的答案..希望它有帮助 –

你可以尝试

$(document).ready(function(){ 
    $('.summary-item').each(function(){ 
    var ThisIt = $(this); 
    ThisIt.find('.summary-thumbnail-container').insertAfter(ThisIt.find('.summary-title')); 
    }); 
});

来源

2015-11-16 23:23:40

尝试增加.html()：

$(".summary-thumbnail-image").html().insertBefore(".summary-excerpt");

来源

2015-11-16 22:58:58 numX

JQuery追加图像

回答

相关问题