Html 按钮和下拉菜单的ul是如何连接的？

它来自Boostrap的官方文档。我已经从

元素中删除了

aria labelledby=“dropdownMenu1”

属性

<div class="dropdown">
      <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
        Dropdown
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href="#">Separated link</a></li>
      </ul>
</div>

下拉列表

---

如何链接按钮，使其知道要下拉的内容？

来自同一引导文档：

将下拉菜单的开关（按钮或链接）和下拉菜单包装在

中。下拉菜单
，或声明
位置的另一个元素：相对。可从

这是实际切换的行：


这是查找菜单元素的函数：


这个常数被声明为：

所以，这正是我所想的。
我们中的一些人无法立即回答：有时我们会因为喂猫或吮吸那些樱桃小宝贝而被抓住。谢谢你的回答，现在看来很清楚了。
_getMenuElement() {
  const parent = Dropdown.getParentFromElement(this._element)

  return SelectorEngine.findOne(Selector.MENU, parent)
}

const Selector = {
  /* ... */
  MENU: '.dropdown-menu',
  /* ... */
}