使用jQuery删除所选项目

如何使用“删除”按钮删除多个选定项目？下面是jQueryAPI中选择更多项的示例。我刚加了按钮

    <script type="text/javascript">
    $(function() {
        $("#selectable").bind("mousedown", function(e) {
            e.metaKey = true;
        }).selectable({
            stop: function() {
                var result = $( "#select-result" ).empty();
                $( ".ui-selected", this ).each(function() {
                    var index = $( "#selectable li" ).index( this );
                    result.append( "Selected items: " + ( index + 1 ) );
                });
            }
        });
    });
</script>

<p id="feedback">
    <span>Selected items:</span> 
</p>
<input type="button" id="delete" value="Delete"">
<ol id="selectable">
    <li class="ui-widget-content">Item 1</li>
    <li class="ui-widget-content">Item 2</li>
    <li class="ui-widget-content">Item 3</li>
    <li class="ui-widget-content">Item 4</li>
    <li class="ui-widget-content">Item 5</li>
    <li class="ui-widget-content">Item 6</li>
</ol>

$（函数（）{
$（“#可选”）.bind（“鼠标向下”，函数（e）{
e、 metaKey=true；
}).可选({
停止：函数（）{
var result=$（“#选择结果”）.empty（）；
$（“.ui已选定”，此）.each（函数（）{
var指数=$（“#可选li”）。指数（本）；
结果。追加（“所选项目：”+（索引+1））；
});
}
});
});

选定项目：

我不确定您是如何将事物标记为选中的，但类似的东西可能会起作用：

$('#delete').click(function() {
    $('.ui-selected').hide(); //assuming selected items have class ui-selected
};

您可以使用
remove
完全删除所选
元素，如下所示

$('#delete').click(function() {
   $('.ui-selected').remove(); 
});

在您的原始帖子中，在编辑之前，您忘记在选择器中的delete前面添加
#
。它是如何进行更改的？
$（“#删除”）
使用
id=“delete”
选择元素（这是您应该选择删除按钮的方式），
$（'delete'）
选择不存在的
元素。