jQuery使用正则表达式替换锚中的字符串

Question

在class =“ listing”中，所有li都带有字符串“ -p”。 应该替换为“ / p”。 “ 1r-p.1_1”应转换为“ 1r / p。1_1”。

现在的情况：

<ul class="listing">
  <li><a href="#">1r-p.1_1</a></li>
  <li><a href="#">1v-p.1_2</a></li>
  <li><a href="#">2r-p.1_3</a></li>
</ul>

目标：

<ul class="listing">
  <li><a href="#">1r / p. 1_1</a></li>
  <li><a href="#">1v / p. 1_2</a></li>
  <li><a href="#">2r / p. 1_3</a></li>
</ul>

我尝试了以下代码段，但它没有任何影响。

 $(document).ready(function() { $("ul.listing a").text().replace(/-p\\./, ' / p. '); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul class="listing"> <li><a href="#">1r-p.1_1</a></li> <li><a href="#">1v-p.1_2</a></li> <li><a href="#">2r-p.1_3</a></li> </ul> 

Answer 1

您想像这样在锚点上使用.text()函数：

 $(document).ready(function() { $("ul.listing a").text(function(i,txt) { return txt.replace(/-p\\./, ' / p. '); }) }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul class="listing"> <li><a href="#">1r-p.1_1</a></li> <li><a href="#">1v-p.1_2</a></li> <li><a href="#">2r-p.1_3</a></li> </ul>