jQuery append 或 appendTo 在 img 之后答案

【问题标题】：jQuery append or appendTo after an imgjQuery append 或 appendTo 在 img 之后
【发布时间】：2011-08-19 10:10:35
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

append() 将元素插入为其应用的元素的子。请改用after()：

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

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：

【解决方案3】：

执行此操作（已经过测试并且有效）：

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

希望这会有所帮助。干杯

【讨论】：