如何使用jQuery中的for循環替換div內的文本

Question

我在這里做錯了什么？ 不太精通 js，所以假設我的 for 循環做錯了。

<div class="date-widget">
  hello1
</div>
<div class="date-widget">
  hello2
</div>

js

$(document).ready(function() {

  var utcInstances = $('.date-widget');

  for (i = 0; i < utcInstances.length; i++) {
    utcInstances[i].text("new text");
  }

});

錯誤：

類型錯誤：utcInstances[i].text 不是函數

http://jsfiddle.net/0jkwasqc/1/

Answer 1

您需要更多練習 jQuery。 特別是當你想遍歷一個 jQuery 集合時，你應該使用.each() 。

集合中的每個項目都是一個 DOM 對象，而不是一個 jQuery 對象，因此您必須在對其調用.text之前對其進行包裝。

 $(document).ready(function() { var utcInstances = $('.date-widget'); utcInstances.each( (i, instance) => { $(instance).text("new text"); // Wrap instance DOM object into a jQuery object before calling .text }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="date-widget"> hello1 </div> <div class="date-widget"> hello2 </div>