从同一功能中删除单个元素

时间:2014-05-06 05:40:01

标签: javascript jquery html css

以下代码:

    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搞砸了)

1 个答案:

答案 0 :(得分:4)

由于你使用的是jQuery,它非常简单(在纯JS中还只有2行代码):

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

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