Как использовать атрибут data в место классов?

Question

[Александр Янк]

Здравствуйте уважаемые профессионалы. Подскажите пожалуйста, как использовать атрибут data в место классов в скрипте?

Вот таблица с классом:

<table class="tg room-1004">

А мне нужно вот так:

<table class="tg" data-room="1004">

Знаю, что нужно что-то тут поменять, но что не понимаю, экспериментировал так и этак:

function time_select(room, area, trainer) {
  $("table.room-" + room + " .item").removeClass("select");
  $("table.room-" + room + " .area-" + area).addClass("select");
  $("table.room-" + room + " .it").removeClass("select");
  $("table.room-" + room + " .trainer-" + trainer).addClass("select");
  return false;
}

Код всего примера:

<button class="destination" data-p1="1004" data-p2="0" data-p3="1197">Хатха-йога</button>

<table class="tg room-1004">
  <tr>
    <td class="item area-1011 trainer-1197"><a href="#">Хатха-йога</a></td>
  </tr>
</table>

.select {
      outline: 2px solid #D5110D;
      outline-offset: -1px;
}

var destination = $('.destination');

destination.click(function() {
   destination.on('click', time_select($(this).data('p1'), $(this).data('p2'), $(this).data('p3')));
});

function time_select(room, area, trainer) {
  $("table.room-" + room + " .item").removeClass("select");
  $("table.room-" + room + " .area-" + area).addClass("select");
  $("table.room-" + room + " .it").removeClass("select");
  $("table.room-" + room + " .trainer-" + trainer).addClass("select");
  return false;
}

Answer 1

[#rybak]

css селектор по атрибуту выглядит так

table[data-room="1004"] {
ваши стили
}

насколько я знаю css селекторы можно использовать в jquery
и код $("table[data-room='1004']") по идее будет выбирать вашу таблицу

Посмотрите эту страничку тут много полезного о селекторах.