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追加圖像

回答

相關問題