Как обратиться по контексту к конкретному инпуту?

Question

[Дима Долготер]

При потере фокуса идет проверка, если инпут пуст, то legend идет обратно. Если в конкертном инпуте есть что-то, то legend присваиваются стили, чтоб он был сверху.
Я так понял тут штука с конекстом, помню как-то можно присвоить this в переменную и ее вставлять. Если не сложно, покажите на примере)

$(' .breif__contact__div input').focusout(function () {
    if( $(this).val() ) { 
         $(' .breif__contact__div input + .legend').css("bottom","100%");    
    }
    });

<div class="breif__contact__div">
 			 	<input type="text" name="company" >
 			 	 			 	<span class="legend">Компания:</span>

 			 </div>

Answer 1

[leni_m]

+ внутри строки как символ, а не оператор склейки строк.
Вы наверное имеете ввиду

$(' .breif__contact__div input .legend').css("bottom","100%");

Тогда так:
$(this + ' .legend').css("bottom","100%");
Без вашей html разметки можно гадать бесконечно.

Comments

[Дима Долготер]

<div class="breif__contact__div">
 			 	<input type="text" name="company" >
 			 	 			 	<span class="legend">Компания:</span>

 			 </div>

[leni_m]

Дима Долготер,
у вас legend лежит в общем родителе с инпутом, тогда так:

$(' .breif__contact__div input').focusout(function () {
    if( $(this).val() ) { 
         $(this).parents(".breif__contact__div").find(".legend").css("bottom","100%");   // ищем родителя с классом breif..., далее ищем дитё с классом legend , присваиваем стили
    }
    });

[Дима Долготер]

leni_m, спасибо. использовал find, но не возвращаясь назад.)