使用onkeydown事件从UL中删除选定的LI:删除按钮

时间:2014-06-10 18:35:09

标签: javascript jquery html-lists

我正在尝试使用onkeydown事件从我的UL中删除所选的LI(其姓氏是'选择')删除按钮(46)。它似乎根本没有删除LI。我做错了什么?

这是fiddle

有问题的代码:

$("#refdocs_list").on('keyup', function(e) {

alert(e.which)

if (e.which == 46) {
    ('ul li.selected').remove()
}
});

2 个答案:

答案 0 :(得分:2)

  1. refdocs_list没有收到密钥,例如将其更改为正文

    $(“body”)。on('keyup',function(e){

  2. if语句

    中的行前面没有$

    $('ul li.selected')。remove()

答案 1 :(得分:1)

我必须将印刷机附加到文档级别并修复几个缺少的分号才能使其工作。这是修改过的javascript:

$('#refdocs_list').on('click', 'li', function(e) {
    var $this = $(this);
    $this.addClass('selected').siblings().removeClass('selected');
    document.getElementById('refdocs').value = $this.text();         
});

$(document).on('keyup', function(e) {

console.log(e.which);

if (e.which == 46) {
    $('ul li.selected').remove();
}
});