Question

我有这样的HTML：

<div>
    <a href="">sometext<img src="images/001.jpg" /></a>
    <a href="">sometext<img src="images/002.jpg" /></a>
    ...
    <a href="">sometext<img src="images/nnn.jpg" /></a>
</div>

我想要的是使用jQuery将'href'atrributes等于child'img'的'src'属性。这是我不成功的尝试（没有js错误，但没有结果）：

$('div a').attr('href', $(this).children('img').attr('src'));

如何使用'img'的'src'属性来使用attr（）为父'a'的第二个参数？

Answer 1

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

<强> DEMO

Answer 2

试试这个：

$('div a').each(function(){
    $(this).attr('href', $(this).find('img').attr('src'));
})

Answer 3

您可以循环每个img并设置父href属性，如下所示：

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

Working example here

jQuery：获取子属性

3 个答案: