javascript - 使用 .load() 将图片上传到 div

Question

有这样的代码，在类为“img”的div中显示图片，但是运行不正确，提示决定

<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);

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

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

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