jquery .each function

Question

Если у меня есть 5 ящиков ввода с классом .inputBox, моя функция jquery добавляет эти теги 5 раз после каждой строки .inputBox. Почему это?

Я просто хочу, чтобы каждый из этих тегов вставил один раз после каждого .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\" />"); 

И не забудьте «принять» ответ, который работает для вас.

Answer 2

Вы можете просто потерять все и просто использовать

$('.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 3

Вы, наверное, не нужен each, не так ли? Основываясь на вашем коде и исправлении, предложенном patrick, я думаю, вы можете просто использовать свой оригинальный код без вызова each().