[jquery]为什么会多出两列
前台代码:<script type="text/javascript">
  $(document).ready(function () {
  var comments = [
  { 'titleName': '第一列', 'titleType': '0' }, 
  {'titleName': '第二列', 'titleType': '0' }, 
  {'titleName': '第三列', 'titleType': '0'}];
  $('#myTable').myGrid(comments);

  });
  </script>


js文件中的代码：(function ($) {
  $.fn.myGrid = function (titleLists) {
  var defaultsTitle = {
  titleName: 'A',
  titleType: '0'
  };
  var titleLists = $.extend(defaultsTitle, titleLists);
  var htmlStr = "<table><tr>";  
  $.each(titleLists, function (titleIndex, titleList) {
  htmlStr += "<th>" + titleList['titleName'] + "</th>"
  });
  htmlStr += "</tr></table>";
  $(this).html(htmlStr);
  }
})(jQuery);

在页面上显示的结果是

undefined undefined 第一列 第二列 第三列 

请问高手为什么结果不是

第一列 第二列 第三列 


------解决方案--------------------
var defaultsTitle = {
titleName: 'A',
titleType: '0'
};

defaultsTitle是个object 你的titleLists是个数组 你觉得呢?