Question

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

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

我需要删除文字 Sort By:，但请保留选择选项。

我使用CSS尝试了这个，但它删除了文本和选择选项。

#SortOptions {
    display: none;
}

Answer 1

参见Hide text node in element, but not children 您可以将可见性样式设置为＆＃34; hidden＆＃34;对于元素并为子代覆盖它。

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

请参阅https://jsfiddle.net/3u5zs5rj/

Answer 2

您可以使用Javascript中的innerHTML和replace()完全删除文字。

document.getElementById('SortOptions').innerHTML = document.getElementById('SortOptions').innerHTML.replace("Sort by:","");

Answer 3

使用jQuery删除特定单词

＆＃13;

var div = $('#SortOptions');
var newText = div.html().replace('Sort by:','');
div.html(newText)

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="SortOptions">
    Sort by: 
    <select id="SortMain" class="improvedcatalogdropdown">
        <option value="0" selected="selected">Relevance</option>
    </select>
</div>

＆＃13;

删除<div>中的文本

3 个答案: