Jquery 如何隐藏没有标签、没有id、没有类的文本？

我有一个HTML：

<div id="google_translate_element">
    <div class="skiptranslate goog-te-gadget" dir="ltr">
        <div id=":0.targetLanguage">
            <select class="goog-te-combo">
                <option value="">Sélectionner une langue</option>
                <option value="en">Anglais</option>
                <option value="es">Espagnol</option>
                <option value="it">Italien</option>
            </select>
        </div>
        Fourni par&nbsp;<span style="white-space:nowrap">
        <a class="goog-logo-link" href="https://translate.google.com" target="_blank">
            <img src="https://www.gstatic.com/images/branding/googlelogo/1x/googlelogo_color_42x16dp.png" width="37px" height="14px" style="padding-right: 3px">Traduction</a>
        </span>
    </div>
</div>

语言选择
英国人
西班牙人
意大利
四分之一杆

---

我的目标是隐藏“Fourni par”：问题是：它没有标记，没有提供特定的类或id吗？

jQuery解决方案：

您可以使用

nodeType

过滤文本并删除文本：

$('.skiptranslate.goog-te-gadget').contents().filter(function(){
    return this.nodeType == 3
}).remove();

$（'.skiptranslate.goog te gadget'）.contents（）.filter（function（））{
返回this.nodeType==3
}).remove（）

语言选择
英国人
西班牙人
意大利
四分之一杆

如果您只想使用css，还可以使用字体大小：

.skiptranslate{
字号：0；
}
.skiptranslate>span、.skiptranslate>div{
字体大小：14px；/*或任何你想要的*/
}

语言选择
英国人
西班牙人
意大利
四分之一杆

隐藏该文本背后的逻辑是什么？因为它是父元素（

#google#u translate_元素

）的一个（唯一的）未包装的

textNode

），因为它遵循

：0.targetLanguage

元素，因为它在

之前有

空白：nowrap

样式，因为文本本身，或者因为它以

结尾？如果我们能够理解需求背后的逻辑，那么我们可以（可能）提供一个更通用、更广泛适用的解决方案？有CSS解决方案吗？我已经添加了CSS解决方案，看一看。