3

Tengo que hacer un append de un li pero quiero limitarlo a tres appends de li como máximo y siempre. Probé con .slice() pero no obtuve resultado.

for (var x in mesOrdenado) {
  var valueMeses = [mesOrdenado[x], anioOrdenado[j]];
  var mesesMostrar = meses[parseInt(mesOrdenado[x])];
  $("#timeline-meses").append("<li data-value=\"" + valueMeses + "\"><a href=\"#\">" + mesesMostrar + "</a></li>");
}

la opcion de limitar el append con el id no me funciono tampoco:

for (i = valueMeses; i < 3; i++) {
  $("#timeline-meses").append("<li data-value=\"" + valueMeses + "\"><a href=\"#\">" + mesesMostrar + "</a></li>");
}
8
  • A que te refieres con limitar?
    – Einer
    el 18 sep. 2017 a las 14:24
  • A mostrar unicamente 3 appends. Limite: 3 el 18 sep. 2017 a las 14:25
  • 1
    No se entiende muy bien que es lo que quieres, .append() es una linea de código escrita por ti, si solo quieres limitarlo a tres, escribela tres veces solo.
    – Hictus
    el 18 sep. 2017 a las 14:30
  • Explica un poco mejor lo que quieres hacer: ¿Quedarte con los 3 últimos o los 3 primeros <li> de la la lista? el 18 sep. 2017 a las 14:33
  • 1
    Tienes un bucle para meter los valores? Por favor, edita la pregunta y añade algo más de contexto (y de código) el 18 sep. 2017 a las 14:35

1 respuesta 1

1

var mesOrdenado=[0,1,2,3,4];
var meses=['Ene','Feb','Mar','Abr','May'];
var contador=0;
mesOrdenado.reverse();
for (var x in mesOrdenado) {
  var valueMeses = [mesOrdenado[x], 2017];
  var mesesMostrar = meses[parseInt(mesOrdenado[x])];
  if (contador >= 3) { break; }
  contador++;
  $("#timeline-meses").append("<li data-value=\"" + valueMeses + "\"><a href=\"#\">" + mesesMostrar + "</a></li>");
  
  
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div id="timeline-meses">
</div>

Si quieres que sigan el mismo orden, cambias

mesOrdenado.reverse();

por

mesOrdenado = mesOrdenado.slice(meses.length-3,meses.length+1);
3
  • Está pidiendo los 3 últimos, no los 3 primeros. Casi lo tienes el 18 sep. 2017 a las 14:58
  • Gracias, por la puntualización se me habia pasado :P
    – j0se
    el 18 sep. 2017 a las 15:01
  • Muchas gracias j0se! Ahora si es correcto, valido tu respuesta. el 18 sep. 2017 a las 15:35

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

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