AJAX调用后读取数据属性

在通过AJAX调用进行更新后，读取数据属性值时遇到一些问题

这是一个调用，它可以工作并成功地更新数据分页值

$('.block-resource-feed').on('click','#get-more-posts div',function(){

  // Get current paged value
  var paged = $(this).data('paged');

  $.ajax({
    type: 'POST',
    url: jsVar.ajax_url,
    dataType: "html",
    data: {
      action : 'get_more_posts',
      paged : paged
    },
    success: function( response ) { 

      // Return data
      $('#post-feed').append(response);

      // Updated paged value
      $('#get-more-posts div').attr('data-paged',paged + 1);

    }
  });

})

和HTML侧的按钮

<div id="get-more-posts">

  <div data-count="13" data-paged="2">More resources</div>

</div>

更多资源

当再次单击div时，问题就会出现，并且该值始终保持在2，尽管DOM中发生了更改

---

我认为使用上述单击方法应该允许在调用后读取DOM元素？

您应该在

this

元素的实例上设置/更新此值。

添加上述ajax调用

const self = $(this);

并在成功回调中更改代码

$('#get-more-posts div').attr('data-paged',paged + 1);

到

现在可以了

self.data('paged',paged+1);