Уточняющий селектор ( selector ) для массива

Из примера выше (# Прослушивание пользовательских событий из свойств массива) , добавим в массив какой-нибудь параграф, а контейнеры поместим в другой div элемент с классом "new_div"

        <div data-menu="array" data-menu-listener_load_page="emiter-load-page" data-menu-class_menu="class">

            <div class="new_div">

                <div data-item="container" data-item-class_item="class">
                    <a data-item-text_item="text"> текст 1 </a>
                </div>

                <div data-item="container" data-item-class_item="class">
                    <a data-item-text_item="text"> текст 2 </a>
                </div>

            </div>

             <div>
                <p> какой-то текст</p>

             </div>
       </div>       

Теперь запустив код можно заметить что после трех секунд ожидания новый контейнер появился ниже параграфа с "каким-то" текстом. Это происходит потому что контейнеры добавляются в тег который содержит data-menu="array".

Давайте уточним место их нахождения относительно массива menu в описании приложения:

var State ={

        menu: {
            selector: "div:first-of-type",

            /* далее без изменений */

Теперь запустив пример новый контейнер появляется там где надо.