用JavaScript中的同一类替换不同元素中的字符吗？

Question

我的页面上有几个段落。它们都具有相同的类名。我要替换所有字符。我尝试过这样的事情：

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

但是我得到了错误：TypeError: str.split is not a function

我注意到，如果我针对具有唯一ID的单个段落，则一切正常。我只是不能同时使用它们的类名来处理多个段落。

Answer 1

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

each

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

Answer 2

您可以使用jQuery

<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>