一页上有多个夏季笔记 div

我正在尝试获取特定夏季笔记 div 的代码，其中单个页面上有多个笔记 div。

我的暑假笔记是用 php 从数据库创建的，如下所示：

<div class="tab-content">
  <?php $i=-1; foreach($contents as $content): ?>
      <?php $i++; ?>
      <div class="tab-pane" id="<?php echo $content->contentName; ?>">
          <div class="summernote" data-id="<?php echo $i; ?>">
              <?php echo $content->content; ?>
          </div>
      </div>
  <?php endforeach; ?>
</div>

然后我的 JavaScript 是：

<script>
  $('.summernote').summernote({
    onblur: function(e) {
      var id = $('.summernote').data('id');
      var sHTML = $('.summernote').eq(id).code();
      alert(sHTML);
    }
  });
</script>

它总是获得第一$('.summernote').eq(0).code();Summernote 代码从来不是第二个或第三个。

我想做的是，当每个 Summernote 变得模糊时，将代码更新到隐藏的文本区域中以提交回数据库。

（顺便说一句）我正在初始化夏季笔记，如下所示：

<script>
  $(document).ready(function() {
    $('.summernote').summernote({
      height: 300,
    });
  });
</script>

选择所有 Summernote 后，您需要通过指定一个元素来访问它们的属性，例如：

<script>
  $('.summernote').each(function(i, obj) { $(obj).summernote({
    onblur: function(e) {
      var id = $(obj).data('id');
      var sHTML = $(obj).code();
      alert(sHTML);
    }
  });
});
</script>