AdNahim

{{={{{ }}}=}}
   <div id="app" data-name="{{name}}">{{name}}</div>
{{{={{ }}=}}}

var bar = $('.bar-text');
            
bar.mouseenter(function() {
    $(this).css('background-color', 'black');
  })
  .mouseleave(function() {
    $(this).css('background-color', 'transparent');
  });

$(':checkbox').change(function(){
    var c = this.checked ? '#ff0000' : '#000';
    $('.spoil-table').css('color', c);
});