向ul添加li

Question

不知道如何使用jquery将每个值添加到以下html代码段中，而是引导HTML。

我有一个像这样的列表。试图在ul中添加每个值。

该代码是

$(".cookieul").on("click",function(){
 var list = "abc,cvb,zxcv,ert,wer";
});




<div class="btn-group">
  <button type="button" class="btn btn-danger cookieul">Set favourite</button>
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
  </button>

  <ul class="dropdown-menu" role="menu" id="cookieul">
    <li><a href="#">Set<span id="d">del</span></a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>

  </ul>

</div>

Answer 1

更新。

也许这就是您想要实现的目标？

var str_list = "abc,cvb,zxcv,ert,wer";
var list = str_list.split(',');

$.each(list, function(item){
    $('ul').append('<li>' + item + '</li>');
})

Answer 2

您必须拆分字符串。 而且， cookieul并非阶级。 这似乎是您ul的id 。 因此，最好确定您要单击的按钮的id 。

 var list = "abc,cvb,zxcv,ert,wer"; var arr = list.split(","); $("#btn").on("click", function() { for (var item in arr) { $('ul#cookieul').append('<li>' + arr[item] + '</li>'); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul class="dropdown-menu" role="menu" id="cookieul"> <li><a href="#">Set<span id="d">del</span></a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> </ul> <input id="btn" type="button" value="click" /> 

Answer 3

我已经解决了

var list = "abc,cvb,zxcv,ert,wer";

     list = list.split(',');



    for (var a in list){

         $('#cookieul').append('<li>'+list[a]+'</li>');
    }