Html 在单击时更改图标？

我有：

• 带有引导图标的列表（UL、li）
• 带有图标和字段的搜索栏

我希望当我点击列表项时，相关图标应该放在顶部，并且应该对所有（列表项）重复

---

下面是

将单击事件绑定到

ulli

并获取单击元素的类。 然后将相同的类应用于搜索栏图标元素。 像这样

$('.searchlink ul li').click(function(){
   var className = $(this).find('.glyphicon').attr("class");
   $(".searcati").find("span.glyphicon").attr("class", className);
   $(".searchlink").slideToggle("slow");
   return false;
});

更新的引导层：