javascript - 从同一函数中删除单个元素

Question

对于下面的代码:

    document.getElementById('text_one').onkeypress = function (e) {
        if (!e) e = window.event;
        var keyCode = e.keyCode || e.which;
        if (keyCode == '13') {
            text = document.getElementById('text_one').value;
            if (text == "" || text === null || text.length > 50) {
                $('#error_msg').show('slow');
                document.getElementById('text_one').disabled = true;
                document.getElementById('text_one').value = "";
                return false;
            } else {
                $('#list').append('<li>' + text + '</li><br />');
                document.getElementById('text_one').value = "";
            }
        }
    };

如何编写一个函数来删除被单击的元素？我在想，您可以以某种方式创建一个特定的数字，该数字会在每次函数运行时增加，并使用该数字来创建自定义 ID，但我不确定该怎么做。
JS fiddle :http://jsfiddle.net/2dd5L/ (CSS 由于某种原因搞砸了)

Answer 1

因为您使用的是 jQuery，所以它非常简单(在纯 JS 中也只需多 2 行代码):

$('#list').on('click', 'li', function() {
    $(this).remove();
});

演示:http://jsfiddle.net/2dd5L/1/