Javascript 材质设计下拉菜单，如何更改触发器中的某些内容

我在我的项目中使用的下拉菜单插件类似于谷歌的虚线菜单。 以下是链接：

我想在名为menu的元素中执行操作，但我不知道如何在jQuery中编写代码

    <div class="wrapper">
  <input type="text" class="input" />
  <a href="javascript:;" class="toggle" id="menu-toggle1">
    <i class="material-icons">MENU 1</i>
  </a>
</div>
<br><br><br>
<div class="wrapper">
  <input type="text" class="input" />
  <a href="javascript:;" class="toggle" id="menu-toggle2">
    <i class="material-icons">MENU 2</i>
  </a>
</div>

<!--  MENU -->
<ul class="menu" data-menu data-menu-toggle="#menu-toggle1, #menu-toggle2">
  <li>
    <button>Change this input value to 1</button>
   </li>
   <li>
    <button>Change this input value to 2</button>
  </li>

</ul>
<!--  MENU -->

将此输入值更改为1


将此输入值更改为2

对我的问题最好的解释是这支笔：

---

例如，当您单击第一个按钮时，会发生一些事情，而当您单击第二个按钮时，会发生其他事情，或者什么？我认为关键是这些按钮必须根据调用菜单的位置更改输入值。如果在带有#menu-toggle2的包装器中，更改那里的输入值等。例如，当您单击第一个按钮时，会发生一些事情，当您单击第二个按钮时，会发生其他事情或什么？我认为关键是这些按钮必须根据调用菜单的位置更改输入值。如果在带有#menu-toggle2的包装器中，则在那里更改输入值等。