How to get elements which have no children, but may have text?

Question

the empty selector says that: Matches all elements that have no children (including text nodes).
Finds all elements that are empty - they don\'t have child elements or t

Answer 1

I made a pure JavaScript function for anyone that does not want to use jQuery.

const getElementsWithNoChildren = (target) => {
    let candidates;

    if (target && typeof target.querySelectorAll === 'function') {
        candidates = target.querySelectorAll('*');
    }
    else if (target && typeof target.length === 'number') {
        candidates = target;
    }
    else {
        candidates = document.querySelectorAll('*');
    }

    return Array.from(candidates).filter((elem) => {
        return elem.children.length === 0;
    });
};