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

对于以下代码：

    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 = "";
            }
        }
    };

document.getElementById（'text_one'）。onkeypress=函数（e）{
如果（！e）e=window.event；
var keyCode=e.keyCode | | e.which；
如果（键代码=='13'）{
text=document.getElementById（'text_one'）。值；
如果（text==“”| | text==null | | text.length>50）{
$（'error_msg'）。show（'slow'）；
document.getElementById（'text_one'）。disabled=true；
document.getElementById（'text_one'）。value=“”；
返回false；
}否则{
$（“#列表”）.append（“
”+text+”

）；
document.getElementById（'text_one'）。value=“”；
}
}
};

如何制作一个函数来删除被单击的元素？我在想，您可以创建一个特定的数字，该数字在每次函数运行时都会增加，并使用该数字创建自定义ID，但我不知道如何做到这一点。

---

JS Fiddle：（CSS由于某种原因被弄乱了）

因为您使用的是jQuery，所以它非常简单（在纯JS中，只需再编写两行代码）：

---

演示：

因为您使用的是jQuery，所以它非常简单（在纯JS中，只需再编写两行代码）：

---

演示：

提示，您不需要所有的事件内容，jQuery规范化了

e.which

。另外请注意，这是有效的，因为您使用的是松散比较，但关键代码是数字。提示，您不需要所有的事件内容，jQuery将规范化

e.which

。还要注意，这是有效的，因为您使用的是松散比较，但关键代码是数字。

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