从 li 标签内的字符串中替换/删除文本的最佳方法

Question

我正在 ExpressionEngine 中处理站点地图列表（所以我没有太多关于如何呈现事物的灵活性）并且我需要从字符串中删除单词 'Parent' 如果它存在。

以下是 HTML 输出示例：

<li class="sitemap-item">
  <a href="">About Us Parent</a>

  <ul>
    <li class="sitemap-item">
      <a href="">About Us</a>

      <ul>
        <li class="sitemap-item">
          <a href="http://website.dev/about-us/meet-the-directors">Meet the Directors</a>

        </li>

        <li class="sitemap-item">
          <a href="">Partners</a>

        </li>

        <li class="sitemap-item">
          <a href="">Accreditation &amp; Awards</a>

        </li>

        <li class="sitemap-item">
          <a href="">Testimonials</a>

        </li>

        <li class="sitemap-item">
          <a href="http://website.dev/careers">Careers</a>

        </li>

      </ul>
    </li>

  </ul>
</li>

我尝试了以下 jQuery，但没有成功，只是根本没有替换这个词：

$(document).ready(function(){
    if($('li:contains("Parent")')){
    $(this).replace('Parent','');
  };
});

如您所见，我正在尝试使用 jQuery 来执行此操作。任何人都可以阐明执行此操作的正确方法吗？

Answer 1

jQuery 没有replace 方法，它是字符串的本机方法，这意味着您必须首先将文本作为字符串，例如text()，然后返回改变的字符串又回来了

$(document).ready(function(){
    $('li > a:contains("Parent")').text(function(_, txt) {
        return txt.replace('Parent','');
    });
});

Answer 2

您可以将replace() 方法与正则表达式一起使用，以确保替换该单词的所有实例。带字符串的replace() 仅替换第一次出现。

$(document).ready(function(){
  var elements = $('li');
  elements.html(elements.html().replace(/Parent/gi, ''));
});