自动打开特定下拉列表

Question

我有以下代码：

<div class="row">
    <div style="width: 10vw; display: inline-block;"></div>
    <div class= "dropdown" index="$index + 1" ng-repeat = "cat in catData" id="{{cat.id}}" style="display: inline-block;">
        <div style="width: 8vw; display: inline-block; "></div>
        <button id = "{{cat.id}}Btn" style ="width:25px; height: 25px; border-radius: 50%; border: 2px solid rgb(9,37,129);" class="btn btn-default dropdown-toggle categoryButtons" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
        <ul class="dropdown-menu">
            <li ng-repeat="subcat in subcatData" ng-if="subcat.parent === cat.id" id="{{subcat.id}}" ng-click="article('{{subcat.url}}')">
                <a href ="" class="whole">
                    <span class="content">{{subcat.name}}</span>
                </a>
            </li>
        </ul>
    </div>
</div>

它基本上从数据库中获取类别，并将其显示为下拉列表，每个类别的下拉列表具有不同的子类别，这些子类别也从数据库中提取。

我的问题是：

我想在页面加载时单击特定按钮。每个都有5个按钮，每个按钮都有动态呈现的ID，例如，如果下拉列表的ID是Joe，则对应于Joe的按钮是JoeBtn。

我尝试过JQuery，javascript点击功能，但它们都没有用。 我确保为$(document).ready(...)添加JQuery。