Jquery .next() 不工作

Question

我的表结构如下。

<td class="backgroundimage"><img src="02.jpg" border="0" class="foregroundimage"></td>
<td class="backgroundimage"><img src="03.jpg" border="0" class="foregroundimage"></td>

我试图通过这样做来获取表中的每个 img src。

$('.backgroundImage').each(function(index){
    var oldImage = $(this).next("img").attr('src');

    alert(oldImage);
});

此警报未定义。我做错了什么？我使用 .next() 是否错误？

Answer 1

是 - .next() 查看下一个同级。并且您的所有 td 元素都没有 img 同级元素。

您可能想使用 $(this).find('img') 或简单地使用 $('img', this)。

根据您需要执行的操作，以下操作也可能完成此任务:

$('.backgroundimage img').each(function() {
    var oldImage = $(this).attr('src');
});