Web Component: j-Selected

  • Info
  • HTML
  • JS
  • CSS
  • Meta


The component can set a specific class to a specific element according to the simple condition.


  • class {String} is a class name for selected element (default: selected)
  • selector {String} is a jQuery selector (default: a)
  • attr {String} attribute for comparing (default: if and it means data-if)
  • attror {String} attribute for secondary comparing (default: or and it means data-or)
  • datasource {String} a path to data-source for list of items
  • delay {Number} a delay for rel-selecting of value (default: 50)


Each nested element according to the selector must have defined data-if attribute. It works only with strings values.