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>

Answer 2

这会将所有图像上的src设置为与其父a的href：

相匹配

$('a img').attr('src', function() {
  return $(this).parent('a').attr('href');
});

Working Fiddle

使用JQuery设置包含A href值的* all * IMG src值

2 个答案: