Filter html elements based on a given string and array of selectors

element_filter.js

import $ from "jquery";

export default class ElementFilter {

    constructor(container, elementSelector, searchSelectors) {
        this.container = container || $(document);
        this.elementSelector = elementSelector;
        this.searchSelectors = searchSelectors;
    }

    // Filter the items by the given text
    filter(text) {
        let matching = this.findMatchingElements(text);
        this.container.find(this.elementSelector).not(matching).hide();
        matching.show();
    }

    // Find all elements in container    
    findElements() {
        return this.container.find(this.elementSelector);
    }

    // Find elements in container that match given text    
    findMatchingElements(text = "") {
        if (text == "") {
            return this.findElements();
        } else {
            let selector = this.buildSearchSelector(text);
            return this.findElements().find(selector).closest(this.elementSelector);
        }
    }

    // Build the jQuery selector for finding matching elements    
    buildSearchSelector(text) {
        text = text.replace("\"", "\\\""); // wtf
        return this.searchSelectors.map((selector) => {
            return `${selector}:caseless_contains("${text}")`;
        }).join(", ");
    }

}