jquery - jQuery append 或 appendTo 在 img 之后

Question

我无法让这个简单的附加工作。我正在尝试在第一张图片之后添加两个中断标签。
这是一个链接

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

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

score 12 · Accepted Answer

append()插入元素作为它所应用的元素的子元素。改用after()：

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

score 0 · Accepted Answer

这已经有效，但需要注意的是：

1）当您调用$.append()它时，会将字符串附加到您要附加到的元素的 innerHTML 中。所以对于这个例子，它将在图像元素的 innerHTML 中添加两个换行符。尝试$.after()改用：

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

2):first选择器不适用于许多（如果不是全部）版本的 IE。您可以通过使用 ID 或类而不是伪类来选择它来解决此问题:first

score 0 · Accepted Answer

这样做（它已经过测试并且有效）：

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

希望这可以帮助。干杯

3 回答 3