Home / Questions / 353231
Accepted
Fernando Iam
Asked: 2020-05-08 03:21:55 +0800 CST 2020-05-08 03:21:55 +0800 CST

The script is only added in the first element of a forEach

  • 772

Hello I am wanting to use the library dotdotdot.

I'm printing some descriptions and I don't want the whole message to come out, well the first element that prints does, but the rest don't add the function anymore dotdotdot.

<?php foreach($listadoOfertas as $listadoOfertas){ ?>
        <div class="oferta-empleo">
            <img class ="logo-oferta" src="imagen1.png" alt="">

            <div class="datos-oferta">
                <h2 class="titulo-oferta"><a href=""><?php  echo $listadoOfertas['titulo'];?></a></h2>
                <p id='parrafo-padding'> <strong>Empresa: </strong><?php  echo $listadoOfertas['empresa'];?></p>
                <p ><strong>Localidad: </strong><?php  echo $listadoOfertas['localidad'];?> &nbsp; &nbsp; &nbsp;<strong>Fecha: 
                </strong><?php  echo $listadoOfertas['fecha_publicacion'];?></p> 

                <div id="descripcion">
                <p><?php  echo $listadoOfertas['descripcion_oferta'];?>
                </p>
                </div> 
                <script> $('#descripcion').dotdotdot();</script>
            </script> 

             </div>                
          </div>       
        <?php };?>
javascript

1 Answers

  1. Best Answer

    Instead of ida class common to all description elements can be used.

    <div class="descripcion" id="desc1">
  <p><?php  echo $listadoOfertas['descripcion_oferta'];?></p>
</div>

    And in the scriptuse the class to iterate through the elements:

    $(".descripcion").each(function() {
    id_des = this.id;
    $("#"+id_des).dotdotdot();
});

    It should apply to all elements with class 'description';

    • 1