append()不是函数jQuery

Question

我是JQuery的新手(我来自Android World),我不明白为什么我会坚持,Uncaught TypeError: $list.append is not a function因为我正在操纵两个jQuery对象(据我所知).所以这是我的代码:

function transformInList(items, $list){
  if ($.isArray(items)){
      $.each(items, function(index, value){
          var $li = $('<li />');
          if (value.name && value.id){
              $li.attr('id', value.id);
              $li.text(value.name);
              $li.attr('class', 'clickableJobs')
              $list.append($li);
          }
      });
  }
}

使用此函数调用此代码:

$(document).ready(function(){
    var $ul = ('<ul class="side-nav"></ul>');
    var jobs = {"jobs":[{"name":"Kellner", "id":"j10"}, {"name":"Fahrer", "id":"j11"}, {"name":"Lehrer", "id":"j12"}]};
    transformInList(jobs.jobs, $ul);
    $('div#jobColumn').append($ul)
});

我的错误应该是微不足道的(就像我的代码一样),但我不明白.

谢谢你的帮助:D

Answer 1

只是一个错字.你正在传递一个字符串.

更改

var $ul = ('<ul class="side-nav"></ul>');

至

var $ul = $('<ul class="side-nav"></ul>');