Javascript 如何使用Append Jquery

我想要的DorodownmenuList是附加按钮……
我想要

第一步，我希望ulli是在点击时附加到按钮

后下拉菜单为隐藏

html

jquery

}))

这就是我想要的。如何使用jquery

当我单击子菜单2时，它是追加按钮

当我单击子菜单3时，它是附加按钮

$（'.btn'）。单击（函数（）{
$（this.parent（）.addClass（'open'）；
//如何将li附加到btn和下拉菜单隐藏
});
$（'.下拉菜单li'）。单击（函数（）{
$（this.append（）∇');
});
对，李，对{
颜色：#fff；
背景色：#000；
边界半径：50%；
显示：内联块；
填充：0 5px；
浮动：对；
}

别忘了喜欢它是否有用

试试以下方法：-

$('.btn').click(function(){
$(this).parent().addClass('open');
//how use li appendto btn and dropdown-menu is hide
});
$('#categories li').click(function(){
   $('#categories li').find('.right').remove();
   if($(this).find('.right').length<=0)
   {
   $(this).append('<span class="right">∇</span>');
   }
 });

---

你能再解释一下你的问题吗。你想要什么？你想从上一个选择中删除按钮吗？是的！我想要li是appendTo.btn类。它是同一个列表框。请给我一个fiddle示例只需转到你的fiddle代码用上面的代码替换jquery代码，然后编辑.btn.right类并添加li.right。我已经在fiddl中测试了它但是忘了存钱

 .input-group-btn{
    position:relative;
 }
 .btn{
   width:300px;
   background-color:#ddd;
   color:red;
   border:1px solid #ccc;
   padding:10px;
   font-size:20px;
   text-align:left;
   cursor:pointer;
 }
.btn .right{
   color:#fff;
   background-color:#000;
   border-radius:50%;
   display:inline-block;
   padding:0 5px;
  float:right;
}
.dropdown-menu{
   background-color: #ddd;
   border: 1px solid #ccc;
   list-style: none outside none;
   padding: 0;
   position: absolute;
   top: 34px;
   width: 300px;
   display:block;
   display:none;

 }

$('.btn').click(function(){
    $(this).parent().addClass('open');
   //how use li appendto btn and dropdown-menu is hide

$('.btn').click(function(){
    $(this).parent().addClass('open');
    //how use li appendto btn and dropdown-menu is hide
});
$('.dropdown-menu li').click(function(){
    $(this).append('<span class="right">∇</span>');

});

.btn .right, li .right{
    color:#fff;
    background-color:#000;
    border-radius:50%;
    display:inline-block;
    padding:0 5px;
    float:right;
}

$('.btn').click(function(){
$(this).parent().addClass('open');
//how use li appendto btn and dropdown-menu is hide
});
$('#categories li').click(function(){
   $('#categories li').find('.right').remove();
   if($(this).find('.right').length<=0)
   {
   $(this).append('<span class="right">∇</span>');
   }
 });

$('.btn').click(function(){
$(this).parent().addClass('open');
//how use li appendto btn and dropdown-menu is hide
});
$('#categories li').click(function(){
  $('.input-group-btn').removeClass('open');
  $('.current').text($(this).find('a').text());
});