Как найти все пустые элементы в jQuery?

В этой статье мы увидим, как найти все пустые элементы на странице с помощью jQuery.

Подход 1 : Селектор :empty можно использовать для получения всех элементов на странице, которые в данный момент пусты. Эти элементы перебираются с помощью метода each() , и доступ к ним можно получить с помощью ссылки this внутри цикла.

Конкретный тип элемента можно выбрать, указав тип элемента перед отключенным селектором, иначе будут выбраны все элементы на странице. Например, мы можем указать, что следует проверять только элементы input и textarea , если они пусты.

Синтаксис:

$(".btn").on("click", function () {

    // Select all the empty elements on
    // the page and iterate through them
    $(":empty").each(function () {

        // Access the empty elements
    });
});

Пример ниже иллюстрирует описанный выше подход:

Пример:

Выход:

Подход 2. Все элементы страницы, которые необходимо проверить, сначала выбираются с помощью селектора jQuery. Мы можем указать только элементы input и textarea , которые должны быть проверены, если они пусты. Затем эти элементы перебираются в цикле, а затем используется метод is () для проверки, соответствует ли текущий элемент селектору. Селектор :empty используется для проверки того, пуст он или нет, аналогично первому подходу.

Синтаксис:

$(".btn").on("click", function () {

    // Select all the elements that
    // have to be checked and iterate
    // through them
    $("li, input, textarea").each(function () {

        // Check if the element is empty
        if ($(this).is(":empty"))
            // Access the empty element
        else
            // Access the non-empty element
    })
});

Пример ниже иллюстрирует описанный выше подход:

Пример:

Выход: