Как отфильтровать элементы li по объекту?

Question

[Trash]

Есть объект, например:

items = {
  TSVET: 'темно-серый',
  MATERIAL: 'гранит',
}

И есть ul блок с элементами, в которых класс совпадает с ключами объекта. Ну и значения тоже.


Задача состоит в том, чтобы получить элементы LI, в которых элементы P совпадают со свойствами объекта.

Answer 1

[0xD34F]

const li = Array.prototype.filter.call(
  document.querySelector('ul').children,
  function(n) {
    return this.every(([ k, v ]) => v === n.querySelector(`.${k}`).innerText);
  },
  Object.entries(items)
);

или

const li = [];

COLLECT_LI:
for (const n of document.querySelectorAll('li')) {
  for (const k in items) {
    if (Object.hasOwn(items, k) && items[k] !== n.querySelector('.' + k).textContent) {
      continue COLLECT_LI;
    }
  }

  li.push(n);
}

Comments

[Trash]

Спасибо!

[Максим]

А вот это COLLECT_LI: из такого синтаксиса или что это такое ?

[0xD34F]

Максим, https://developer.mozilla.org/en-US/docs/Web/JavaS...

[Максим]

0xD34F, спасибо