Поиск в выборке

Для поиска в выборке предназначен метод find. Он имеет следующие варианты использования:

• find(селектор): поиск в выборке объектов, соответствующих селектору

• find(элемент): поиск в выборке объектов, соответствующих данному элементу html

• find(jQuery): поиск в выборке объектов, соответствующих объекту jQuery

Метод find на выходе возвращает новую выборку. Например, у нас есть следующая разметка меню в виде списков:

<ul class="menu">
	<li>Пункт 1</li>
	<li>Пункт 2
		<ul class="submenu">
			<li>Подпункт 2.1</li>
			<li>Подпункт 2.2</li>
		</ul>
	</li>
	<li>Пункт 3
		<ul class="submenu">
			<li>Подпункт 3.1</li>
			<li>Подпункт 3.2</li>
		</ul>
	</li>
</ul>

Теперь последовательно осуществим поиск п селектору, элементу и объекту jQuery:

$(function(){
	// поиск по селектору
	var array0 = $('ul').find('.submenu');
	array0.css('background-color', 'silver');
	
	// поиск по элементу
	// получаем первый элемент выборки
	var elem = $('ul.submenu')[0];
	var array1= $('ul').find(elem);
	array1.css('background-color', 'gray');
	
	// Поиск объекта jQuery
	var jQueryObject = $('ul.submenu');
	var array2= $('ul').find(jQueryObject);
	array2.css('color', 'blue');
});