更改li上的图标点击？

Question

我有：

• 带有Bootstrap图标的列表（UL，LI）
• 带有图标和字段的搜索栏。

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

以下是 bootply 。

Answer 1

将点击事件绑定到ul li并获取所点击元素的类。 然后将相同的类应用于搜索栏图标元素。 像这样......

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

更新了bootply：http://www.bootply.com/Fp6zfoiIZr