Одбор дочерних элементов

Метод: .children();

• Задача 1:

  - обвести красной рамкой (#cc0000) элементы, которые являются дочерними для элемента div с классом first.

  Показать решение

  • Решение:

    $(function () {
    	$('div.first').children().css('border', '1px solid #cc0000');
    });
    

    Пояснение:

    - Для решения задачи с помощью селектора $('div.first') выберем элемент div с классом first. С помощью метода .children() находим и обводим красной рамкой все элементы, которые являются дочерними элементами блока с классом first.

    Результат:

    При загрузке страницы, к которой подключен скрипт, все элементы, которые являются дочерними элементами блока с классом first будут обведены красной рамкой.

• Задача 2:

  - обвести красной рамкой (#cc0000) только элементы span, которые являются дочерними элементами блока div с классом first.

  Показать решение

  • Решение:

    $(function () {
    	$('div.first').children('span').css('border', '1px solid #cc0000');
    });
    

    Пояснение:

    - Для решения задачи с помощью селектора $('div.first') выберем элемент div с классом first. С помощью метода .children('span') находим и обводим красной рамкой все элементы span, которые являются дочерними элементами блока с классом first.

    Результат:

    При загрузке страницы, к которой подключен скрипт, все элементы span, которые являются дочерними элементами блока с классом first, будут обведены красной рамкой.

Следует учитывать, что метод .nоt(); исключает из уже выбранного набора, указанные в параметре метода элементы.