将不同元素中的一个字符替换为JavaScript中相同的class？

Question

我的页面中有几个段落。他们都有相同的 class 名字。我想替换所有角色中的一个角色。我试过这样的事情：

  var str = $(".foo").html;
  var res = str.split("　").join("");
  $(".foo").html = res;

但我收到错误消息：TypeError: str.split is not a function

我注意到，如果我定位一个具有唯一 ID 的段落，则一切正常。我无法同时使用多个段落，使用它们的 class 名称。

Answer 1

您可以使用 jQuery each function

Answer 2

$(".foo") returns 一个列表，因此，您应该遍历每个段落并更改其内容。您可以按如下方式使用 each 函数：

$( ".foo" ).each(function( index, element ) {
     $(element).html( $(element).html().split(" ").join("") );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p class="foo">hello world</p>
<p class="foo">hello world</p>
<p class="foo">hello world</p>

将不同元素中的一个字符替换为JavaScript中相同的class？

Replace a character in different elements with the same class in JavaScript?

javascript

split

classname