each() 문제

Question

각 .item 끝에 링크를 삽입하려고합니다.

모든 것이 잘 작동하지만 각 요소 다음에 링크가 7 개 인쇄됩니다.
관련 링크가 각각 .item 이후에 인쇄되도록하려면 어떻게해야합니까?
정말 고마워요!

$('#content .item img').each(function(i) { 
    var altText = $(this).attr("alt"); 
    $('<br /><a href="' + altText + '">visit website</a>').insertAfter('.imagefield'); 
}); 

Answer 1

내 이미지가 아닌 #content .item 만 찾으려면 선택기를 변경하십시오. 아마도 .item (중첩 된 이미지가 7 인 것으로 나타남) 내에서 반복되는 이미지 일 것입니다.

각각 선택기와 일치하는 항목을 모두 찾습니다. .item으로 만 작업하려는 경우 구체화해야하며 .item (중첩 요소가 아님) 만 선택해야합니다. 내 앞에 어떤 HTML로

, 내가 추천 할 것입니다 : 당신은 insertAfter('.imagefield')를 호출하고

$('#content .item').each(function(i,e){ 
    $(e).append('<br /><a href="' + $('img',e).attr('alt')+ '">visit website</a>'); 
}); 

Answer 2

모든 .imagefield 요소를 발견하고 그 후 링크를 ​​삽입 할 - 각 이미지를. 시도해보십시오 insertAfter(this).