jquery - 使用 jQuery 删除选定的项目

Question

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

    <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>

Answer 1

我不确定您是如何将事物标记为选中的，但像这样的东西可能会起作用:

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