javascript - 使用 Javascript 对 HTML 或 CSS 做神奇的事情？

Question

我正在创建一个覆盖网站 CSS 的 Chrome 扩展程序。我想尝试使用 Typicons 在每个菜单项旁边添加一个图标.以下是他们用于菜单的代码。

<ul class="standAloneNavItems">
    <li class="selected">
        <a href="/cgi-bin/home43535">Home</a>
    </li>
    <li class="unselected">
        <a href="/cgi-bin/mail75653">Mailbox </a>
    </li>
    <li class="unselected">
        <a href="/cgi-bin/account23544">My Account </a>
    </li>
</ul>

链接每次都会更改，因此 CSS 选择器不是一个选项。

a[href$="/cgi-bin/account"] { content: '\e080'; !important; }

我不太喜欢 Javascript，但我想知道是否有可能以某种方式使用它们来定位名称并通过那里添加 HTML 或 CSS。

Answer 1

既然你提到了 jQuery，你可以使用 jQuery contains选择器:

Select all elements that contain the specified text.

例如，您可以选择所有包含“Home”的 anchor 元素并将它们着色为红色:

$('a:contains("Home")').css({
  'color': 'red',
  'background-color':'gray'
});

demo fiddle