find()

посл. ред. 11.08.2016

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

Варианты использования

jQ_object.find(селектор) => jQuery: Выбирает только тех потомков текущих элементов, которые удовлетворяют указанному селектору.
jQ_object.find(jQuery-объект) => jQuery: Выбирает только тех потомков текущих элементов, которые содержатся в указанном jQuery-объекте.
jQ_object.find(DOM-элемент) => jQuery: Выбирает только того потомка (потомков) текущих элементов, который (которые) указаны в качестве аргумента.

Примеры

<html>
<head>
  <title>Работа с выборкой jQuery</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <section id="section1">
    <p class="main">Параграф 1</p>
    <p>Параграф 2</p>
  </section>
  <section id="section2">
    <p class="main">Параграф 3</p>
    <p>Параграф 4</p>
  </section>
</body>
</html>
 
<script>
var main = document.getElementsByClassName('main');
$('#section2')
  .find(main)
/* выбор тех потомков, которые содержатся в списке main */
  .css('color', 'red');
/* установка красного цвета шрифта */
</script>

Параграф 1

Параграф 2

Параграф 3

Параграф 4