javascript - 使用 JQuery 设置包含 A href 值的*所有* IMG src 值

Question

所以我在几个网页上有很多这样的内容:

<td> <a href="http://www.colincooke.com/coin_images/colincookecol/1587.jpg" target="_blank" class="coinpic"><img src="../site_images/image.png" alt="image" /></a> </td>

我想使用 jQuery 将 img 标签的所有 src 值设置(更改)为与包含标签的 href 值相同(在页面加载时)。

我已经搜索过，到目前为止，我发现它(可能显然)不起作用(在 $(document).ready(function() 大括号内设置):

$('td').children('img')
.each(function(){
   url = $('img').attr('href');
    $('img').attr('src',url);
 });

执行此操作或解决上述问题的最佳方法是什么？

Answer 1

如果需要，您可以进一步指定选择器。

$('a img').each(function (i, el) {
  el.src = el.parentNode.getAttribute('href');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="sample"><img src="foo" /></a>
<a href="sample2"><img src="bar" /></a>