使用Jquery引导下拉清除内容

如何清除Boostrap下拉菜单中的内容。 这是我现在所拥有的

  <div class="dropdown">
  <a href="#" id="1" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>
  <div class="dropdown-menu">
  </div>
  </div>


  <div class="dropdown">
  <a href="#" id="2" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>
  <div class="dropdown-menu">
  </div>
  </div>

和Jquery

$("#1").click(function(){
$('.dropdown-menu').append( "<a href='#'>Action 1</a>" );});

$("#2").click(function(){
$('.dropdown-menu').append( "<a href='#'>Action 2</a>" );});

$（“#1”）。单击（函数（）{
$（'.dropdown menu'）。追加（“”；}）；
$（“#2”）。单击（函数（）{
$（'.dropdown menu'）。追加（“”；}）；

问题是我需要澄清的是，这样我总是得到附加，我有可能在把内容放进去后把它弄清楚吗

这是工作启动

---

您可以删除

中的内容。使用下拉菜单
：

$('.dropdown-menu').children().remove();