循环每个匹配的跨度

Question

我有几个跨度类，我想分别更新它们的值。我正在使用 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() 方法来修改文本，你正在使用的选择器 class 在 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>

循环每个匹配的跨度

loop each matching span

jquery

each