使用.load（）将图片上传到div

Question

有这样的代码，在div中用“img”类显示图片，但工作不正确，提示决定

<div class="other"><a href="/index1.html">Link1</a></div>
<div class="img"></div>
<div class="other"><a href="/index2.html">Link2</a></div>
<div class="img"></div>
<div class="other"><a href="/index3.html">Link3</a></div>
<div class="img"></div>

index.html这样的

<div class="avat"><img src="/ava.jpg"></div>

脚本

$('.other a').each(function(){
var PostURL = this.href;
var gtag = $(this).next().load(PostURL + ' .avat img');
$('.img').html(gtag);
});

Answer 1

删除

$('.img').html(gtag);

将.innerHTML个.img元素设置为.next()元素。

此外，选择器应为$(this).parent().next()

$('.other a').each(function(){
  var PostURL = this.href;
  $(this).parent().next().load(PostURL + ' .avat img');
});