1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Ayuda Convertir un object en cadena de texto

Tema en 'Jquery' comenzado por GtaSApawer, 17 de Diciembre de 2016.

  1. GtaSApawer

    GtaSApawer Miembro

    Se incorporó:
    12 de Febrero de 2015
    Mensajes:
    229
    Me gusta recibidos:
    8
    Puntos de trofeos:
    18
    Género:
    Hombre
    ESTE MENSAJE SE LO PASE A UNA PERSONA Y POR ESO ESTÁ ESCRITO DE ESTA FORMA.
    --------------------------------------------------------------------------------------------------------------------------------

    Podrías ayudarme con una duda, como hago para transformar un objeto en una cadena de texto en jquery?. Te explico lo que quiero hacer:

    Estoy haciendo un slider con miniaturas.
    http://imgur.com/a/4jFJD

    Pues bueno mi intención es optimizar un poco la edición del slider, de manera que solo haga falta agregar o quitar imagenes, y aparezca la misma cantidad de controles y miniaturas (cosa que ya logré). Con respecto a las miniaturas solo me falta asignarle el mismo atributo "src" para cada una de las miniaturas para que correspondan a las imagenes del slider.

    Acá te dejo parte de mi codigo:

    var img = $('#slider').find('img').each(function(index, img){});

    //CON ESTO OBTENGO LA ETIQUETA "IMG" COMPLETA DEL SLIDER. ESTO ME GENERA 5 OBJETOS EN MI CASO.


    for (var i = 0; i < lengthSlider; i++) {

    // AQUI LO QUE HICE ES CREAR UN UN CONDICIONAL PARA QUE ME MARQUE EL PRIMER ITEM (CONTROL Y MINIATURA) COMO ACTIVO, ADEMAS DE REPETIR EL CODIGO HTML TANTAS VECES COMO IMAGENES HAYA.

    LO QUE PRETENDI FUE CONCATENAR LA VARIABLE IMG INDICE "I" PARA OBTENER ALGO COMO ESTO:

    output_thumbnails += '<li>'+img+'</li>';

    PERO SUSTITUYENDO EL VALOR DE LA VARIABLE LO QUE OBTENGO ES ESTO:
    <li class="">[object HTMLImageElement]</li>


    if (i == 0) { //Check if "i" is equal to 0 to set first child with "active" class.
    output_controls += '<li class="active"></li>';
    output_thumbnails += '<li class="active">'+img+'</li>';
    } else {
    output_controls += '<li></li>';
    output_thumbnails += '<li>'+img+'</li>';
    }
    }


    TAMBIEN SE QUE CON EL METODO .HTML() ESO SE SOLUCIONA, PERO RESULTA QUE YA USE EL METODO PARA AÑADIR LOS LI, DE ESTA MANERA:

    $('#thumbnail-wrapper').html(output_thumbnails);

    LAS ALTERNATIVAS PARA SOLUCIONAR ESTO, ES CONVERTIR EL OBJETO EN TEXTO O CADENA, O ENCONTRAR UNA FORMA DE "INCRUSTAR" CADA UNO DE LOS OBJETO EN SU RESPECTIVO LI PARA QUE QUEDE ALGO DE ESTA MANERA

    <li><img src="images/1.jpg" alt=""></li>
    <li><img src="images/2.jpg" alt=""></li>
    <li><img src="images/3.jpg" alt=""></li>
    <li><img src="images/4.jpg" alt=""></li>
    <li><img src="images/5.jpg" alt=""></li>

    LO QUE SE ME OCURRIO HACER FUE ESTO $('li').html(img); y lo que optenia era algo como esto:

    <li>
    <img src="images/1.jpg" alt="">
    .
    .
    .
    <img src="images/5.jpg" alt="">
    </li> Y NO ERA LO QUE QUERIA Y CON LA FUNCION EACH HACIA LO MISMO PERO A CADA LI LE AGREGA 5 "IMG". Y ENTONCES NO SE COMO SOLUCIONAR ESTO.

    ESPERO QUE ME ENTIENDAS.
     

Comparte esta página