根据其id将焦点分配给活动元素

Question

我遇到的问题是我想将焦点分配给具有“活动”类的当前元素，一次只有一个span元素可以保存此类，并且将关注模态关闭。目前我关注的方法，但仅限于堆栈中的最后一个。

jQuery的：

 $("#ConfirmationChangeTabModal").modal("hide");
 $('.active').find('#InstitutionInfoBtn').focus();
 $('.active').find('#DurationBtn').focus();
 $('.active').find('#POCList').focus();

HTML：

   <span class="Subtab InstitutionDetailTab">
                            <span id="InstitutionInfoBtn" class="subTabAction">Details</span>
                            <span id="DurationBtn" class="subTabAction">Duration</span>
                            <span id="POCList" class="subTabAction">Points of Contact</span>
</span>

我需要做的是基于带有类的选项卡及其匹配的ID进行关注。 “活动”类是在点击时动态生成的。