如何使用 jquery 在 datalist 中仅采用最后五个选项并清除 datalist 中的所有其他选项？

Posted 2023-05-08

【中文标题】如何使用 jquery 在 datalist 中仅采用最后五个选项并清除 datalist 中的所有其他选项？

【英文标题】：How to take only last five option in datalist and clear all other option in a datalist using jquery?

【发布时间】：2021-05-06 21:08:23

【问题描述】：

我想清空我的数据列表但我不想清除最后五个选项有什么办法可以做到这一点？

这是我的代码 -

$('#results').empty().append(options);

提前致谢

【参考方案1】：

要删除 jQuery 对象中除最后 5 个元素之外的所有元素，您可以使用带有负索引的 slice()，如下所示：

$('datalist option').slice(0, -5).remove();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label for="ice-cream-choice">Choose a flavor:</label>
<input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice" />

<datalist id="ice-cream-flavors">
    <option value="Lorem"> <!-- will be removed -->
    <option value="Ipsum"> <!-- will be removed -->
    <option value="Dolor"> <!-- will be removed -->
    <option value="Sit"> <!-- will be removed -->
    <option value="Chocolate">
    <option value="Coconut">
    <option value="Mint">
    <option value="Strawberry">
    <option value="Vanilla">
</datalist>