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

Question

我正在使用动态生成的菜单系统的WordPress网站，由于未来的更新我无法修改，但我想做的是能够在一个内部更改文本的样式{ {1}}在菜单中使用jQuery准备好文档。跨度嵌套为<span>项，如果这有所不同，我不会。 （而且我也没有看到WordPress有所作为。）还有其他<li>，我不希望它们改变，所以我需要匹配<span>'s我想要的特定文本改变。

那我怎么能改变这个<span>

到这个

<span>We are here to help.</span>

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

完整的HTML是

$(document).ready

更新：这有效;需要将函数包装在别名中以避免冲突：

<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>

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');
  });
});

编辑：括号太多了。