Código Javascript:
Ver original
$(function() { var paginacion = $('.pagination'); // 1. Ocultar paginacion paginacion.hide(); // 2. Agregar link de "mostrar mas" paginacion.after('<div class="mostrar-mas"><a href="#">Mostrar mas</a></div>'); // 3. Buscar nuevos resultados con ajax en pagina siguiente $('.mostrar-mas a').on('click', function(e) { e.preventDefault(); $.ajax({ type: 'GET', url: $('.pagination li.next a').attr('href'), success: function(html) { // 3.1 Obtener paises nuevos var nuevosPaises = $(html).find('table tbody'), nuevaPag = $(html).find('.pagination'), tabla = $('table'); // 3.2 Agregar paises a la tabla tabla.find('tbody').append(nuevosPaises.html()); // 3.3 Actualizar link de "mostrar mas" tabla.after(nuevaPag.hide()); } }); }); });
en la parte del codigo
Código Javascript:
Ver original
var nuevosPaises = $(html).find('table tbody'),
el me busca la tabla tbody y me muestra los resultados siguientes. pero como tengo mas de una tabla me desorganiza la pagina mostrandome todas las tablas en la misma pagina. Hay alguna manera de utilizar ese codigo con una tabla en especifico???
saludos de antemano