Jquery .next() not working

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") 

희망이 도움이 당신은 또한 일을 할 수있는 다음을 수행해야 할 작업에 따라