javascript 向jquery .get函数添加getElementById

zzwlnbp8  于 2023-01-16  发布在  Java
关注(0)|答案(2)|浏览(125)

我需要从'page'+ i中获取一个id = 'posts1'的容器div,但是我很难添加一个.getElementById或类似的函数:

$.get('page-'+i, function(data){
    content = data;
    $('#posts').append(content);
});

我试过在内容、数据上添加它,并将“page”+i放在括号中,然后添加.getElementById,但没有效果,我总是得到我正在做的不是一个函数或错误500(内部服务器错误)。

编辑:这是完整功能:

function showMore() {
        if (i<=196) {
            $.get('page-'+i+' #posts' , function(data){
                content = data;
                $('#posts').append(content);
            });
            i++;
        }

这是一个按钮点击激活。我需要追加,在#posts中现有的文章后,更多的文章是为ex在第2页的div与id 'posts1'。

hzbexzde

hzbexzde1#

我找到了我的问题所在:

function showMore() {
  if (i<=196) {
    $.get('page-'+i , function(data) {
      var content = $(data).find('#posts1');
      $('#posts').append(content);
    });
    i++;
  }
}

我已经将.find添加到我的数据中,它工作得很好。

dw1jzc5e

dw1jzc5e2#

您可以使用template literals和.load
如果i为1,则这将读取文件名为page-1的页面,并将该页面中id=“post1”的元素插入到当前页面中id=“posts”的元素中

$('#posts').load(`page-${i} #post1`)

添加到函数的更简单版本

function showMore() {
  if (i>196) return;  
  $('#posts').load(`page-${i} #posts`);
  i++;
}

相关问题