循环每个匹配范围

Question

我有几个span类，我想分别更新它们的值。我正在使用JQuery的$ each，但无法使其工作]

<span class='my-span'>hello</span>
<span class='my-span'>world</span>
<span class='my-span'>from</span>
<span class='my-span'>my</span>
<span class='my-span'>code</span>

js部分是：

$(document).ready(function(){
  $('span.chat-datetime').each(function(){
    $(this).innerText = "modified";
  });
});

https://jsfiddle.net/fwcs5x1k/

任何解释为何不起作用？以及如何使其工作？谢谢

Answer 1

首先，您应该使用$().text()方法来修改文本，并且所使用的选择器类在dom中不存在。请尝试使用此方法

$(document).ready(function() {
  $('.my-span').each(function() {

    $(this).text("modified");
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class='my-span'>hello</span>
<span class='my-span'>world</span>
<span class='my-span'>from</span>
<span class='my-span'>my</span>
<span class='my-span'>code</span>