0

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

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

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

Суть:

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

2
  • @Vasily, спасибо большое за ответ, но суть чуть чуть другая. Есть несколько комнат, и массив с их статусами и номерами. Нужно найти в списке комнат в разметке нужный номер и сопоставив его с массивом, выдать уже закраску цветом. За вариант спасибо огромное!
    – Yans
    Commented 4 окт. 2020 в 20:11
  • @Vasily, спасибо огромное. Ваш ответ помог!
    – Yans
    Commented 5 окт. 2020 в 9:40

1 ответ 1

2

// мок запроса
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>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.