3

Hola buenas tardes tengo este código pero se como hacer que se actualize el div con su ID ejemplo este div es para ver los datos del archivo .php

 <div id="album_paint_content"></div>

y estas imágenes en ID tienen el post que quiero ver

album_contentID

<img id="album_content1" class="img_thumbnails" src="imagen"/>
<img id="album_content2" class="img_thumbnails" src="imagen"/>
<img id="album_content3" class="img_thumbnails" src="imagen"/>
<img id="album_content4" class="img_thumbnails" src="imagen"/>

aquí esta el js para hacer eso pero no se como hacer eso de un ID porque solo se actualiza el primero pero los otros no

$(document).ready(function(){   
            $('#album_content').click(function(){
                $("#album_paint_content").load("paint_new.php");
            });
        }); 

bueno espero que me ayudan y gracias

1
  • Debería ser: $( "#album_paint_content" ).load( "paint_new.php .img_thumbnails" );. Así te carga sólo los elementos cuya clase sea img_thumbnails. No lo he probado, pero debería funcionar.
    – A. Cedano
    el 24 oct. 2017 a las 21:57

1 respuesta 1

0

Puedes hacerlo así:

$( "#album_paint_content" ).load( "paint_new.php .img_thumbnails") ...

de ese modo obtienes sólo aquellos elementos cuya clase sea img_thumbnails.

Si quieres todo el contenido de la página quitas eso y listo.

Aquí un ejemplo, implementando manejo de errores.

Obtendremos los elementos cuya clase sea title en esta página de MDN.

$(function()  //document.ready es  obsoleto a partir de jQuery 3
{
  $('#album_content').click(function() 
  {
      var url_elem="https://developer.mozilla.org/en-US/docs/Web/HTML .title";
     
      $("#album_paint_content").load(url_elem, function(response, status, xhr) 
      {
          if (status == "error") {
            var msg = "Hubo un error: ";
            console.log(msg + xhr.status + " " + xhr.statusText);
       }
      });
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="album_content">Cargar contenido...</button>
<hr />
<div id="album_paint_content"></div>

11
  • quiero que cada imagen tenga su ID como le hago?
    – Shareiv
    el 24 oct. 2017 a las 22:38
  • No entiendo @Shareiv. load te carga todos los elementos de esa clase, y supongo que otorgará a cada imagen su id. O si el archivo php tiene solamente eso, le quitas el parámetro de la clase para que te traiga todo el archivo. O encierras todo el bloque de imágenes en un <div class="imagenes">aquí las imágenes</div> y usas la clase imagenes en la petición load.
    – A. Cedano
    el 24 oct. 2017 a las 22:42
  • album_content1 album_content2 album_content3 y que cara uno tenga su ID y se actuzlize en el album_paint_content
    – Shareiv
    el 24 oct. 2017 a las 22:50
  • Pero eso es lo que hace el código de la respuesta @Shareiv. Obtiene las imágenes cada una con su id y las pone en <div id="album_paint_content"></div>
    – A. Cedano
    el 24 oct. 2017 a las 22:53
  • no ese id="" no ejemplo gato1 gato2 el numero el dato
    – Shareiv
    el 24 oct. 2017 a las 23:07

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.