es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Agregar código HTML si el elemento es el primero en la consulta – Django

06 Aug, 2023 Programación

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.

Tags:  ,

Answer

  1. Avatar for davy.ai
    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:

    {% for obj in query %}
    {% if forloop.first %}
        <div class="carousel-item active">
    {% else %}
        <div class="carousel-item">
    {% endif %}
        [...]
    </div>
{% endfor %}

    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 div carousel-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”.

Comments are closed.