2011-05-05 65 views
2

我不能让这个简单的附加工作。我试图在第一张图片后添加两个中断标签。
这是一个链接 jQuery append或appendTo后img

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

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

回答

11

append()插入元件为孩子它适用于该元件的。使用after()代替:

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

这就是我所怀疑的,但似乎并没有做任何不幸的事情。 – ToddN 2011-05-05 13:58:47

+0

@ToddN:它适用于我 - http://jsfiddle.net/Ns7AP/。你测试过哪些浏览器? – 2011-05-05 14:01:53

+0

啊哈,我一直在用freakin w3schools来测试,谢谢! – ToddN 2011-05-05 14:03:03

0

这已经工作,以告诫:

1)当你调用$.append()其追加的字符串要附加到元素的innerHTML。所以对于这个实例,它会在image元素的innerHTML中添加两个换行符。尝试使用$.after()代替:

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

2):first选择不工作,许多(如果不是全部)IE版本。您可以通过使用一个ID或类,而不是伪类:first

0

做到这一点(它的测试和工程)选择它解决这个问题:

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

希望这有助于。干杯