Как правильно использовать this в jquery?

Question

[Егор]

Встретил интересную запись

numbItem = $('input[name=numb]', this).val();

Недавно изучаю jquery. Собственно не встречал раньше что бы так this записывали. Подскажите где в документации можно найти про это. Ну или я могу подозревать что код старый и сейчас пишут по другому, хотелось бы узнать тогда как правильно.

Answer 1

[urfinjazz]

в данном случае this - это область поиска input[name=numb], т. е. input[name=numb] ищется внутри this

Comments

[Егор]

Хотелось бы узнать сейчас законно так писать?) или это устаревшая запись. И если есть возможность дать ссылку на документацию, а то не могу что то найти

[urfinjazz]

законно! api.jquery.com/jquery/#jQuery1

[urfinjazz]

там и Ваш пример есть:
$( "div.foo" ).click(function() {
$( "span", this ).addClass( "bar" );
});

[Егор]

urfinjazz: Спасибо, просто не знал что это называется контекст, не мог по-этому прогуглить. Теперь знаю)

[urfinjazz]

этим не только можно пользоваться, но и нужно

[urfinjazz]

DarkSir: пожалуйста)

[Nikolay Talanov]

DarkSir: это просто одна из вариаций DOM Traversing в рамках заданной области. Обычно люди юзают .find, но и этот способ тоже бывает весьма хорош. Правда я обычно по другому пишу. Например нужно написать логику очень примитивного слайдера, несколько версий которого может быть на 1 странице. Прицепляю обработчик к кнопке перелистывания, через $(this).parents(".slider") получаю слайдер-родителя в переменную $sliderParent, а затем все остальные нужные элементы ищу примерно так $(".slider__container", $sliderParent). Избавляет от монотонного написания find() и делает код более читабельным.