JSFiddle - React, Tailwind, and code Playground

by Константин Дралюк

HTML

<select class="select" data-js="select -multi">
  <option value="" data-js="select_option" data-text="from multi"></option>
</select>

<select class="select" data-js="select">
  <option value="" data-js="select_option" data-text="from simple"></option>
</select>

Babel + JSX

$.js = (name) => {
  let $js = $(`[data-js="${name}"]`)
  $js.mod = function (mod_name) {
  	$js = $(`[data-js="${name} -${mod_name}"]`)
    return this
  }
  $js.el = (el_name) => $js.find(`[data-js="${name}_${el_name}"]`)
  return $js
}

const $select = $.js('select').el('option')
const $multiSelect = $.js('select').mod('multi').el('option')

$([$select, $multiSelect]).each(function(){
	const text = $(this).data('text');
	$(this).text(text)
})