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');
});

Answer 2

而不是：

$(this).next("img")

你应该这样做：

$(this).find("img")

希望这有帮助