Javascript 选择嵌套在多个div块中的跨距标记

如何在不使用id的情况下选择此特定的跨度标记并将文本颜色更改为白色？这是页面上的friend部分，我试图插入一个代码来更改页面的css，因此我无法添加任何id

<div id="leftsidebar">
    <div class="channel-menu-content">
        <div class="left-panel">
            <div class="panel-title nowrap short-text" ng-if="leftSidebar.session.user.userId !== 0" ng-click="leftSidebar.friendsCollapsed  = !leftSidebar.friendsCollapsed">
                <span translate="sidebar_online_friends">Freunde</span>
            </div>
        </div>
    </div>
</div>

---

但是没有成功。

您可以使用属性等于选择器

$("span[translate=sidebar_online_friends]").css("color", "white")

---

类名之间没有空格

$('#leftsidebar .channel-menu-content .left-panel .panel-title span')

---

假设Jquery已加载到页面中，则可以使用以下命令选择span元素：

$("span[translate='sidebar_online_friends']")

然后，您可以通过执行以下操作来更改颜色：

$("span[translate='sidebar_online_friends']").css("color","#FFF")

---

是的，我很慢。

$("span[translate='sidebar_online_friends']").css("color","#FFF")