jQuery操作/each() - 为什么这不针对单个元素？

Question

我有一些图像(在其他地方生成)，我想使用 jQuery 对其进行操作和增强。

我有一个脚本执行我需要的一切，除了个人操作；我的脚本在所有元素上执行，而不是单独执行。我缺少什么？

这就是我所拥有的:

此格式的多个图像:

<p>
  <a href="">
    <img src="" />
  </a>
</p>
<p>
  <a href="">
    <img src="" />
  </a>
</p>

jQuery:

  $('p').each(function(){

        //grab img's SRC
        var imgLinkMerge = $('p img').attr('src');

          //find the a tag, change HREF for imgLinkMerge value
          $(this).find('a').attr('href', imgLinkMerge).each(function(){
            //set css BG IMG
            $(this).css('background-image', 'url(' + imgLinkMerge + ')');
          });

        });

Answer 1

使用$('p img')，您可以选择页面上每个p内的所有img。您希望将重点放在 each() 循环内的 this p。

更改此:

var imgLinkMerge = $('p img').attr('src');

对此:

var imgLinkMerge = $(this).find('img').attr('src');