jQuery每个迭代问题

Question

<section class="photos"> 
    <table> 
     <tr> 
      <td><a href="/a"><img src="b.jpg" /></a></td> 
      <td><a href="/a"><img src="b.jpg" /></a></td> 
      <td><a href="/a"><img src="b.jpg" /></a></td> 
     </tr> 
     <tr> 
      <td><a href="/a"><img src="b.jpg" /></a></td> 
      <td><a href="/a"><img src="b.jpg" /></a></td> 
     </tr> 
    </table> 
</section> 

然后我试图通过每个迭代来返回链接href和图像src。

$(".photos td").each(function (index, value) { 
    console.log(value.a.attr('href')); 
    console.log(value.img.attr('src')); 
}); 

上述伪代码不幸运地工作。有任何想法吗？

Answer 1

您不能在value上运行jQuery方法，因为它只是一个DOM节点。首先创建一个jQuery对象了它（我喜欢this到value说法，但他们在这种情况下，相同）：

$('.photos td').each(function(){ 
    console.log($(this).find('a').attr('href')); 
    console.log($(this).find('img').attr('src')); 
}); 

Answer 2

亚当已经给出了答案，但因为我打字吧...试试这个：（唯一的区别是在遍历部分，因为亚当用“这个”，而我用“价值”（这是相同的）

$(".photos td").each(function (index, value) { 
    console.log($('a', value).attr('href')); 
    console.log($('img', value).attr('src')); 
}); 

不要忘记，值代表一个DOM元素（。而不是一个jQuery元素），而attr（）是一个jQuery方法，只能用于jQuery对象。 另外，你不应该关闭你的标签吗？

Answer 3

试试这个：

$(".photos td").each(function (index, value) { 
    console.log($(this).find('a').attr('href')); 
    console.log($(this).find('img').attr('src')); 
});