Jquery 引导3下拉菜单

大家好，我有一个示例下拉菜单 请检查代码。我只需要删除默认选项（选择一个国家）并将第一个

li

替换为E标志图标

HTML:

<form>
                  <div class="carousel-search hidden-phone">
                <div class="btn-group">
        <a class="btn dropdown-toggle btn-select" data-toggle="dropdown" href="#">Select a Country <span class="caret"></span></a>
                      <ul class="dropdown-menu">
                <li><i class="flag flag-us"></i><a class="flagLi" href="#">د . أمريكي</a></li>
                <li><i class="flag flag-ae"></i><a class="flagLi" href="#">د . اماراتي</a></li>
                <li><i class="flag flag-eg"></i><a class="flagLi" href="#">ج . مصري</a></li>

                  </ul>
                    </div>
              </div>
                </form>

爪哇：

    $(".dropdown-menu li a").click(function(){
  var selText = $(this).text();
  $(this).parents('.btn-group').find('.dropdown-toggle').html(selText+' <span class="caret"></span>');
});

$（“.下拉菜单a”）。单击（函数（）{
var selText=$（this.text（）；
$（this）.parents（'.btn group'）.find（'.dropdown toggle'）.html（selText+''）；
});

bootply链接：

我猜“I”元素包含标志。 $（“.dropdown menu li”）包含您需要的所有元素 不是$（“.下拉菜单LIA”）

因此，您需要用$（“.dropdown menu li”）替换代码。单击（function（）

另外，调用$（this）.html（）而不是文本

在这里查看我的代码