时间戳

首页 > 解决方案 > 循环每个匹配的跨度

jquery - 循环每个匹配的跨度

问题描述

我有几个跨度类，我想单独更新它们的值。我正在使用 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/

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

标签： jqueryeach

解决方案

首先，您应该使用$().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>

推荐阅读