jquery - 使用 jQuery 替换查找多个文本字符串

Question

我正在使用替换来定位文本字符串(月份的三个字母加上随后的空格以避免 A 标记中的内容)，然后将其删除，但是我希望在一年中的每个月中复制此内容。游戏中还有两种不同的类别，具体取决于您所在的月份是否是当前月份。我不确定如何将替换链接在一起。

<tr>
  <td class="EventListCalendarItemDefault">
    <a class="yearViewHeader" href="">January</a><br>
    Jan 01 <a href="">Location</a><br>
    Jan 08 <a href="">Location</a><br>
    Jan 15 <a href="">Location</a><br>
    Jan 22 <a href="">Location</a>
  </td>
</tr>
<tr>
  <td class="EventListCalendarItemSelected">
    <a class="yearViewHeader" href="">February</a><br>
    Feb 04 <a href="" title="">Location</a><br>
    Feb 11 <a href="" title="">Location</a><br>
    Feb 18 <a href="" title="">Location</a><br>
    Feb 25 <a href="" title="">Location</a>
  </td>
</tr>

$(document).ready(function() {  
      var t = $('.EventListCalendarItemDefault').html();
      var r = t.replace(new RegExp('Jan ', 'gi'), '');
      $('.EventListCalendarItemDefault').html(r);  
});

Answer 1

首先，您需要在 jQuery 对象中包含两个选择器。然后，您可以向 html() 提供一个函数，该函数接受当前 HTML 值作为参数并返回新值。最后，您可以在正则表达式中使用管道字符 (|) 作为“OR”运算来替换多个值。试试这个

$(document).ready(function() {
  $('.EventListCalendarItemDefault, .EventListCalendarItemSelected').html(function(i, html) {
    return html.replace(new RegExp('(Jan|Feb|Mar|Apr|May|Jun|Aug|Sep|Oct|Nov|Dec) ', 'gi'), '');
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td class="EventListCalendarItemDefault">
      <a class="yearViewHeader" href="">January</a><br> Jan 01 <a href="">Location</a><br> Jan 08 <a href="">Location</a><br> Jan 15 <a href="">Location</a><br> Jan 22 <a href="">Location</a>
    </td>
  </tr>
  <tr>
    <td class="EventListCalendarItemSelected">
      <a class="yearViewHeader" href="">February</a><br> Feb 04 <a href="" title="">Location</a><br> Feb 11 <a href="" title="">Location</a><br> Feb 18 <a href="" title="">Location</a><br> Feb 25 <a href="" title="">Location</a>
    </td>
  </tr>
</table>