Как по атрибуту сравнить два списка?

Question

[Mestniydevil]

Как по атрибуту uid сравнить два списка, и вывести отсутствующий атрибут в списке №1 ?

<div>
    //Список №1
    <div id="1" uid="111"></div>

    <div id="3" uid="113"></div>
    <div id="4" uid="114"></div>
    <div id="5" uid="115"></div>
    <div id="6" uid="116"></div>
</div>

<div>
    //Список №2
    <div id="getList" uid="112"></div>
    <div id="getList" uid="115"></div>
</div>

var elemet = ('Элемента которого нет');
    alert(elemet)

Answer 1

[hzzzzl]

https://codepen.io/anon/pen/eXgYba

// первому списку дать айдишник
const ids = [...document.querySelectorAll('#list div')].map(div => div.attributes.uid.value)

const getlist = [...document.querySelectorAll('#getList')]
  .forEach(div => {
    if(!ids.includes(div.attributes.uid.value)) {
      div.id = ''
      document.querySelector('#list').appendChild(div)
    }
  })

Comments

[Mestniydevil]

Да то что нужно!!! Только почему-то константа getlist не определяется! Пишет "undefined"

[hzzzzl]

Mestniydevil, а вообще я не знаю, зачем там осталось const getlist = ... :D
видимо я что-то пробовал дальше с ней делать сначала

так тоже сойдет

const ids = [...document.querySelectorAll('#list div')].map(div => div.attributes.uid.value)

[...document.querySelectorAll('#getList')]
  .forEach(div => {
    if(!ids.includes(div.attributes.uid.value)) {
      div.id = ''
      document.querySelector('#list').appendChild(div)
    }
  })