Skip to the content.

$.fn.children(selector?)

Retrieve the direct children of every element in the collection, optionally filtered by a selector. Only immediate children are included — for elements nested at any depth, use .find().

Signatures

children(selector?: Selector): this;

Parameters

Returns

A new Dabby collection containing the matched direct children of every element in the original collection.

Examples

import $ from "dabbyjs";
import "dabbyjs/traversal/children/children";

// All direct children of the menu
const $items = $(".menu").children();
import $ from "dabbyjs";
import "dabbyjs/traversal/children/children";

// Only the active list items, immediately under the nav
$("nav.primary").children("li.active").addClass("highlighted");
import $ from "dabbyjs";
import "dabbyjs/traversal/children/children";

// Toggle visibility of every direct child of an accordion
$(".accordion-header").on("click", function () {
    $(this).parent().children(".accordion-content").toggle();
});

See also