Срабатывание события к отдельному элементу input в форме?

Question

[RushV]

Здравствуйте!
Есть форма код события.

var input = $('input').click(function(){		
		$(".input-group").append('<span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>');
		
	});

Сейчас стоит добавление объекта ко всем элементам "input" по клику , а как сделать добавить элемент к отдельному элементу "input"по клику?
Знаю что надо добавить (this) не знаю куда.
Заранее благодарю!

Answer 1

[Никита]

$(this).closest('.input-group').append('<span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>');

Comments

[RushV]

Я не стал описывать всю ситуацию хотел сам сделать не получилось Хотел сделать проверку полей формы на заполненность.
При отсутствии символов в поле объекта "input" добавлялся вот этот объект

<span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>

var input = $('input').mouseleave(function(){		 
		   if(input.val().length !== 0){
			   $(this).parent(".input-group").append('<span class="glyphicon glyphicon-ok form-control-feedback"></span>');
		   };
		   if(input.val().length == 0){
			   $('<span class="glyphicon glyphicon-ok form-control-feedback"></span>').remove();
			   $(".input-group").append('<span class="glyphicon glyphicon-remove form-control-feedback"></span>');
		   };
	    });
Вот это часть работает:
<code> if(input.val().length !== 0){
			   $(this).parent(".input-group").append('<span class="glyphicon glyphicon-ok form-control-feedback"></span>');
		   };</code>
а вот это часть не работает:
if(input.val().length == 0){
			   $('<span class="glyphicon glyphicon-ok form-control-feedback"></span>').remove();
			   $(".input-group").append('<span class="glyphicon glyphicon-remove form-control-feedback"></span>');
		   };

работает но не так как надо добавляется все объекты и нечего не удаляется.
Как реализовать такой алгоритм правильно?

[Никита]

$('input').mouseleave(function(){

		if (	$(this).val().length 	)
		{
			$(this).parent(".input-group").find('.glyphicon-remove').remove();
			$(this).parent(".input-group").append('<span class="glyphicon glyphicon-ok form-control-feedback"></span>');
		}
		else 
		{
			$(this).parent(".input-group").find('.glyphicon-ok').remove();
			$(this).parent(".input-group").append('<span class="glyphicon glyphicon-remove form-control-feedback"></span>');
		}

	})

[RushV]

Спасибо!