Dodawanie DIV do każdego submenu pierwszego rzedu ? Opcje

[ar4]

Witam,
mam menu:
pozycja 1, pozycja 2, pozycja 3 ...
Każda pozycja jest to menu rozwijane. Dodałem DIV do pozycji pierwszej.
Jak zrobić, aby div był dodawany do każdej z pozycji? Mój kod to:

[PHP] pobierz, plaintext 
const el = document.createElement("div");
el.classList.add("triangle");
 
const div = document.querySelector("ul.sub-menu > li");
div.appendChild(el);
[PHP] pobierz, plaintext 

Dodam, że w rozwijanym menu znajdują się jeszcze dodatkowe rozwinięcia, które również posiadają klasę sub-menu i w nich nie chcę już tworzyć tych divów.
Jest ktoś w stanie pomóc?