使用 jQuery 更改文档加载时的 <span> 文本

Question

我正在开发一个 WordPress 网站，该网站使用动态生成的菜单系统，由于未来的更新，我无法对其进行修改，但我想做的是能够在一个 @ 中更改文本的样式987654321@ 在该菜单中，带有 jQ​​uery 文档准备就绪。跨度嵌套为<li> 项目，如果这有所作为，我不会这样做。 （而且我也没有看到 WordPress 有所作为。）还有其他 <span>'s 并且我不希望它们更改，因此我需要匹配 <span> 中的特定文本我想更改。

那我怎么能改变这个<span>We are here to help.</span>

到这里

<span style="color:#123456;">We are here to help.</span>

在$(document).ready 上？

完整的html是

<ul id="nav"><li class="li_item"><a class="navlink" href="http://www.mysite.org/contact-us/"><strong>Contact Us</strong><span>We are here to help.</span></a></li></ul>

更新：这行得通；需要将函数包装在别名中以免发生冲突：

jQuery(function($) {
$(document).ready(function() {
$("#nav li span:contains('We are here to help.')")
.css("color", "#f8481c"); 
});
});

Answer 1

试试这个（假设nav 是您的菜单系统的ul 的ID）：

$(document).ready(function() {
    $("#nav li span:contains('Text text text')")
      .css("color", "#123456"); 
});

对于您的示例 this jsFiddle 有效：

Answer 2

如果 :contains 不适合您，这应该可以工作。

$(function() {
  $('#nav li span').each(function() {
    if ($(this).text() === 'We are here to help.')
      $(this).css('color', '#123456');
  });
});

编辑：括号太多。