jquery - 删除 <div> 中的文本

Question

我正在使用 JQUERY 和 CSS 来编辑网站的默认内容，但是我遇到了以下代码:

<div id="SortOptions">
    Sort by: 
    <select id="SortMain" class="improvedcatalogdropdown">
        <option value="0" selected="selected">Relevance</option>
    </select>
</div>

我需要删除文本 排序方式:，但保留选择选项。

我已经尝试过使用 CSS，但是它删除了文本和选择选项。

#SortOptions {
    display: none;
}

Answer 1

参见 Hide text node in element, but not children 您可以将元素的可见性样式设置为“隐藏”并为子元素覆盖它。

#SortOptions{
    visibility: hidden;
}
#SortOptions select{
    visibility: visible;
}

参见 https://jsfiddle.net/3u5zs5rj/