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

Answer 2

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

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

使用jQuery删除所选项目

2 个答案: