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

Question

[LoveCodeandCoffe]

<div name="one">
  <ul name="one">
    <li>v</li>

  </ul>
  <ul name="two">
    <li>two</li>
  </ul>
</div>

Нужно удалить тег ul и его содержимое, если name ul не совпадает с name div.

Answer 1

[0xD34F]

document.querySelectorAll('div[name] ul[name]').forEach(n => {
  if (n.getAttribute('name') !== n.closest('div[name]').getAttribute('name')) {
    n.remove();
  }
});

или

for (const n of document.querySelectorAll('div[name]')) {
  for (const m of n.querySelectorAll(`ul:not([name="${n.attributes.name.value}"])`)) {
    m.parentNode.removeChild(m);
  }
}

Comments

[Kapustlo]

Предлагаю записать в одну строчку.

document.querySelectorAll('div[name] > ul[name]').forEach(n => if (n.getAttribute('name') !== n.parentNode.getAttribute('name')) n.remove() );