jquery .each function

Question

.inputBox 클래스에 5 개의 입력 상자가 있다면 jquery 함수는 각 .inputBox 행 다음에 5 번 태그를 추가합니다. 왜 그런가요?

각 .inputBox 다음에 이러한 태그를 한 번만 삽입하면됩니다.

누구나 그 방법을 알고 계십니까?

function addImages() {   

    $(".inputBox").each(function() { 

      $('.inputBox').after("<img src=\"Images/thumbs_up_48.png\" class=\"thumbV\" id=\"up\" />"); 
      $('.inputBox').after("<img src=\"Images/thumbs_down_48.png\" class=\"thumbV\" id=\"down\" />"); 
    }); 
} 

html로

<label for="FirstName">First Name</label> 
<input type="text" class="inputBox" name="FirstName" title="First Name Here" id="firstName" /> 

Answer 1

사용 :

$(this).after("<img src=\"Images/thumbs_up_48.png\" class=\"thumbV\" id=\"up\" />"); 
$(this).after("<img src=\"Images/thumbs_down_48.png\" class=\"thumbV\" id=\"down\" />"); 

$ ('.에서 InputBox')가 전체 DOM을 통해 당신이 그것을 호출 할 때마다 반복됩니다.

더 좋은 방법은

$(".inputBox") 
     .after("<img src=\"Images/thumbs_up_48.png\" class=\"thumbV\" id=\"up\" />") 
     .after("<img src=\"Images/thumbs_down_48.png\" class=\"thumbV\" id=\"down\" />"); 

것입니다 그리고 당신을 위해 작동 답을 '수용'하는 것을 잊지 마세요. 당신은 단순히 각을 잃고 단지 당신은 아마 each 필요가 없습니다

$('.inputBox').after("<img src=\"Images/thumbs_up_48.png\" class=\"thumbV\" id=\"up\" />"); 
$('.inputBox').after("<img src=\"Images/thumbs_down_48.png\" class=\"thumbV\" id=\"down\" />"); 

Answer 2

, 당신은 무엇입니까? 패트릭이 제안한 코드와 수정을 바탕으로, each() 호출없이 원래 코드를 사용할 수 있다고 생각합니다.

Answer 3

을 사용할 수 있습니다