Question 35545 in Jquery Question posted in
The official Jquery Api Documentation can be found here.

Adding a getElementById to an jquery .get function

I need to get from ‘page’+i a container div with id = ‘posts1’, but I’m struggling to add a .getElementById or similar to this function:

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

I’ve tried adding it on content, data and putting ‘page’+i in brackets and then adding .getElementById but nothing works, i’m always getting that what i’m doing isn’t a function or error 500 (Internal Server Error).

Edit:
This is the full function:

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

This is activated on a click of a button.
I need to append, after the existing articles in #posts, more articles that are for ex in page-2 in the div with id ‘posts1’.

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    I've found where was my issue:

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

    I've added .find to my data and it's working perfectly.


  2. 0

    You can use template literals and .load

    If i is 1, then this will read a page with filename page-1 and insert the element from that page with id="post1" into the element with id="posts" on current page

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

    Added to a simpler version of your function

    function showMore() {
  if (i>196) return;  
  $('#posts').load(`page-${i} #posts`);
  i++;
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search