Как обратиться к элементу в jQuery?

172
19 апреля 2022, 19:00

Есть мини SPA, он тянет по AJAX небольшие массивы данных из базы: номер комнаты и ее статус.

Как можно обратиться к дочернему элементу нужного блока, номер которого мы вытащим из базы, чтоб с ним произвести какие либо манипуляции?

Ссылка на скриншот

Суть:

При запросе и выводе номера комнаты (и его статуса), чтоб при статусе занято, перекрашивать сам цвет.

Answer 1

// мок запроса
const rooms = [
{
    number: 514,
    isVacant: true
  },
  {
    number: 515,
    isVacant: false
  },
  {
    number: 516,
    isVacant: true
  },
  {
    number: 0,
    isVacant: true
  }
]
rooms.forEach(room => {
  const $target = $("[data-room-number=" + room.number + "]")
  if ($target && room.isVacant) {
    $target.css("background-color", "green")
  } else {
    $target.css("background-color", "red")
  }
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div data-room-number="514">514</div>
<div data-room-number="515">515</div>
<div data-room-number="516">516</div>

READ ALSO
JQuery плагин DataTable вопрос с AJAX

JQuery плагин DataTable вопрос с AJAX

В данном плагине присутствуют паддинги и они считаются от кол-ва строк, но если у меня 100к данных в бд - это глупо выполнять 1 запрос и рендерить...

286
jQuery DatePicker в Сафари не отключает даты

jQuery DatePicker в Сафари не отключает даты

У меня есть двумерный массив дат, которые пользователь не может выбиратьDatePicker не отключает эти даты именно в Сафари и пользователь без проблем...

188
Вызов модального окна fancybox 3 ajax

Вызов модального окна fancybox 3 ajax

Как вызвать модальное окно из скрипта? Сейчас я его вызываю по ссылке:

152