Question

没有想到如何使用jquery将每个值添加到以下html片段，它是一个bootstrap 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不是班级。它似乎是id的{{1}}。因此，最好确保点击按钮的ul。

＆＃13;

id

＆＃13;

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>');
    }
});

＆＃13;

Answer 3

我已经解决了这个问题

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

     list = list.split(',');



    for (var a in list){

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

将li添加到ul

3 个答案: