如何仅定位第一个跨度？

Question

我遇到 select2 问题，其中原始选择范围文本仍然出现在页面上 (<在下面的示例中，span>Large）。为了实现这一目标，我尝试过：

.select-option-ui span:first-of-type {
   display: none;
}

奇怪的是，这隐藏了 Large 和进一步向下的跨度（在下图中突出显示），这是需要保留的跨度。我需要一种方法来解决这个问题并仅删除第一个跨度，CSS 或 jS/jQuery 选项都可以。

对解决方案以及这是否是 select2 的已知错误感兴趣？

Answer 1

RE 一种解决方法，使用 jQuery：

jQuery(document).ready(function() {
    jQuery(".select-option-ui").children(":first").remove();
});