list parent and child wp_pages seprately

i have navbar that uses parent page’s data attribute and search data attribute in other div as li like

<div class="iamdiffer">
    <ul>
        <li data-match="0" class=""> <a href="/digital-strategy">Digital Strategy</a>

        </li>
        <li data-match="1"> <a href="/user-experience">User Experience</a>

        </li>
        <li data-match="2"> <a href="/technology-services">Technology Services</a>

        </li>
    </ul>
</div>

other div

<div class="iamchild">
<ul>
    <li data-match="0" class="level-one" style="display: inline-block; left: 266px; position: absolute;">
        <ul>
            <li class="level-two"> <a href="">Our Capabilities</a>

            </li>
        </ul>
    </li>
    <li data-match="1" class="level-one" style="display: none;">
        <ul>
            <li class="level-two"> <a href="">Our Capabilities</a>

            </li>
            <li class="level-two"> <a href="">Our Process</a>

            </li>
            <li class="level-two"> <a href="">Our Work</a>

            </li>
        </ul>
    </li>
    <li data-match="2" class="level-one" style="display: none;">
        <ul>
            <li class="level-two"> <a href="" id="">Our Capabilites</a>

            </li>
            <li class="level-two"> <a href="">Our Process</a>

            </li>
            <li class="level-two"> <a href="">Our Work</a>

            </li>
        </ul>
    </li>
</ul>
</div>

How can i display parent li in iamdiffer div with dynamic data attribute and display his child li in other div with same dynamic attribute