jQuery append或appendTo後img

Question

我不能讓這個簡單的附加工作。我試圖在第一張圖片後添加兩個中斷標籤。
這是一個鏈接

<script type="text/javascript"> 
$(document).ready(function(){ 

    $('.photosize').find('img:first').append('<br/><br/>'); 
}); 
</script> 

Answer 1

append()插入元件爲孩子它適用於該元件的。使用after()代替：

$('.photosize').find('img:first').after('<br/><br/>'); 

Answer 2

這已經工作，以告誡：

1）當你調用$.append()其追加的字符串要附加到元素的innerHTML。所以對於這個實例，它會在image元素的innerHTML中添加兩個換行符。嘗試使用$.after()代替：

$('.photosize').find('img:first').after('<br/><br/>');

2）:first選擇不工作，許多（如果不是全部）IE版本。您可以通過使用一個ID或類，而不是僞類:first

Answer 3

做到這一點（它的測試和工程）選擇它解決這個問題：

$('.photosize img').first().after('<br/><br/>'); 

希望這有助於。乾杯