是什么导致我的jQuery函数无法运行？

Question

我无法弄清楚为什么jQuery函数不能在这里使用html JS小提琴：http://jsfiddle.net/JonaTheApprentice/E89rg/

function addItem() {
    $('#list').append('<li><input type="checkbox" /> item</li>');
}

function removeItem() {
    $('#list').children().filter(function () {
        return this.firstChild.checked;
    }).remove();
}

Answer 1

我没有看到id="list"的元素，这是#list引用的内容。

我认为你的意思是#items-listed。改变它，它的工作原理

Answer 2

我会从输入id获取值。我还会指定一个单击事件以进行更清晰的编码。这是一个添加项目的小提琴示例。删除项目只是逆转。

DEMO http://jsfiddle.net/E89rg/5/

$('#Enter').click(function(){
  var Val = $('#item').val();
  $('#items-listed').append('<li><input type="checkbox" />'+Val+'</li>');
});