Как сделать сравнение в таблице по собственным атрибутам?

Question

[electronikprm]

Всем привет, вопрос наверное простой, но если знать js )
Есть таблица, у контейнеров 3 собственных атрибута
data-city
data-brand
data-prem

Мне нужно делать проверку и помечать их классом, если data-prem="1" то class="true", а если data-prem="0", то сравнивать его со всеми контейнерами у которых data-prem="1". Если совпадают параметры data-city и data-brand (оба) с контейнером у которого data-prem="1" то помечать их class="false", вот пример как должно это выглядеть по итогу:

<tr data-city="Москва" data-brand="Brand1" data-prem="1"  class="true"></tr>
<tr data-city="Москва" data-brand="Brand2" data-prem="0"  class="false"></tr>
<tr data-city="Екатеринбург" data-brand="Brand1" data-prem="0" ></tr>
<tr data-city="Москва" data-brand="Brand1" data-prem="0"  class="false" ></tr>
<tr data-city="Казань" data-brand="Brand1" data-prem="0" ></tr>
<tr data-city="Москва" data-brand="Brand5" data-prem="0" ></tr>
<tr data-city="Москва" data-brand="Brand1" data-prem="0"  class="false" ></tr>
<tr data-city="Москва" data-brand="Brand2" data-prem="1"  class="true" ></tr>

Пытался делать на php, но проблема в том, что цикл идет сверху вниз, и если значение data-prem="1" находится ниже проверяемого, то все формируется уже неправильно.

Comments

[Александр]

electronikprm
Попробуй, должно сработать

const trs = document.querySelectorAll('tr');
const prem1 = [];
trs.forEach(tr => {
  const dataPrem = tr.getAttribute('data-prem');
  if (dataPrem === '1') {
    prem1.push({
      city: tr.getAttribute('data-city'),
      brand: tr.getAttribute('data-brand'),
    });
  }
});

trs.forEach(tr => {
  const dataPrem = tr.getAttribute('data-prem');
  if (dataPrem === '0') {
    const dataCity = tr.getAttribute('data-city');
    const dataBrand = tr.getAttribute('data-brand');
    const match = prem1.find(prem => prem.city === dataCity && prem.brand === dataBrand);
    if (match) {
      tr.classList.add('false');
    }
  } else {
    tr.classList.add('true');
  }
});

Answer 1

[Сергей Соколов]

Первый раз обойти все и составить массив ключей "city:brand" где prem === "1"
Второй раз пройти и расставить классы.
Для prem === "0" делать ключ "city:brand" и смотреть, есть ли такой же в массиве из п.1

codePen


p.s. делать ключ просто склеив через, скажем, двоеточие, строки city и brand — может, не лучшее решение, т.к. в строке города или бренда может встретиться своё двоеточие. Наверняка можно и получше решить этот момент, но для этого примера «и так сойдёт» )

Comments

[electronikprm]

Да, супер, то что нужно, двоеточий в городе и бренде нет, так что решение то что нужно, спасибо, надеюсь это кому то ещё пригодится)