javascript - 替换 HTML 元素中的字符

Question

我在页面上有一些文本，我使用变量获取了这些文本:

<p class="category-list-replace">ksadj| lksd| sakdj</p> 
<p class="category-list-replace">sdawfe| nekesa</p> 
<p class="category-list-replace">opeiuf| elnfele</p> 

var list = $('.category-list-replace');

文本分为三个不同的部分，因此变量返回 3 个对象。我想替换管道的任何实例； “|”用逗号“,”代替。

var listnew = list.replace("|", ",");

虽然我被困在这里，但无法弄清楚如何拆分变量以便每个变量都可以替换字符。

Answer 1

我建议使用 text功能，例如:

var list = $('.category-list-replace');
list.text(function(i, text) {
    return text.replace(/\|/g, ",")
});

请注意，这还使用带有全局标志 (g) 的正则表达式 (/\|/) 来替换多次出现的 | 性格。

$("#go").click(function() {
  var list = $('.category-list-replace');
  list.text(function(i, text) {
    return text.replace(/\|/g, ",")
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="category-list-replace">ksadj| lksd| sakdj</p> 
<p class="category-list-replace">sdawfe| nekesa</p> 
<p class="category-list-replace">opeiuf| elnfele</p>
<button id="go">Replace</go>