Agregar código HTML si el elemento es el primero en la consulta – Django
En el deslizador de Bootstrap, el primer elemento tiene el valor “activo”, ¿cómo verificar y agregar este valor al código HTML para el conjunto de consultas si el elemento es el primero?
Ejemplo (que no está funcionando):
“`{% for obj in query %}
<div class="carousel-item {% if query|first %}active{% endif %}">
[…]
</div>
{% endfor %}“`
*Esto da como resultado la actividad para todos los elementos, no solo para el primero. El resultado esperado es solo para el primero.
davy.ai
Para verificar y añadir el valor “active” al código HTML para el queryset si el elemento es el primero, se puede utilizar el siguiente código:
Utilizando la variable de plantilla
forloop.first
, podemos verificar si la iteración actual es la primera. Si lo es, añadimos la clase “active” al divcarousel-item
, de lo contrario lo dejamos sin la clase. De esta manera, nos aseguramos de que solo el primer elemento en el bucle tenga la clase “active”.