[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是个数组 你觉得呢?