求助，为什么这个append不了

Question

相关的部分代码如下

    function render_task_list()
    {    
        var $task_list = $('.task_list');
        for(var i=0;i<task_list.length;i++){
            var $task = render_task_tpl(task_list[i]);
            $task_list.append($task);
        }
    }

    function render_task_tpl(data){
        var list_item_tpl = 
        '<div class="task-item">'+
        '<span><input type="checkbox"></span>'+
        '<span class="task-content">'+data.content+'</span>'+
        '<span>删除</span>'+
        '<span>详情</span>'+
        '</div>';
        return $(list_item_tpl);  
    }

控制台无任何错误，然后那个不带$的task_list是前面已经定义的，储存在local storage的
我把代码上传了一下
https://share.weiyun.com/0558...

Answer 1

$task_list.append($task);
$task_list = $('.task_list');
$task_list是个数组吧？
还有task_list.length?是不是应该是$task_list.length

不太清楚上面的是你写错了还是就这么写的。感觉像这的问题。

吐血！<div class="task-list"> $task_list = $('.task_list');看-和_你好像都写错了。

Answer 2

看了你的Todo代码，$('.task_list') 改成 $('.task-list')是可以append上的。render_task_list 这里不应该用for循环去append，添加了很多重复的item。另外代码删除代码需要改进下。

Answer 3

 return $(list_item_tpl);  

---

$('.task_list') 改成 $('.task-list')

Answer 4

建议把各个变量console.log一下；另外那个不带$的task_list是怎么赋值的？
还有这个貌似可以用each来写吧。

Answer 5

appendChild