JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a">
a
</div>

<div class="b group">
b
</div>

<div class="c group">
c
</div>

JavaScript

class $$object {
  constructor(selector) {
    this.nodelist = document.querySelectorAll(selector);;
  }

  recolor(color) {
    this.nodelist.forEach((item) => {
      item.style.color = color;
    })
    return this;
  }

  setText(text) {
    this.nodelist.forEach((item) => {
      item.innerHTML = text;
    })
    return this;

  }
}

function $$(selector) {
  return new $$object(selector);
}


$$('.a').recolor('pink');
$$('.group').recolor('green').setText('Foo!');