如何使用Twig获取html类名称？

Question

I want to get the name of a class using tip and display a certain text based on what the class is. Is there a way to get a class name and use it in an IF condition?

<div class="zboruri_rute {{ route_type ? "departure_flight" : 
"arrival_flight" }}">

{% if class == "zboruri_rute departure_flight" %}

<p>Departure</p>

{% elseif if class == "zboruri_rute arrival_flight" %}

<p>Arrival</p>

{% endif %}

I want to display Departure if the class is zboruri_intoarcere and display arrival if the class is zboruri_plecare

Answer 1

Try it

    {% set route_type = "departure_flight" %}
    <div class="zboruri_rute {{ route_type ? "departure_flight" :
    "arrival_flight" }}">

        {% if route_type == "departure_flight" %}

            <p>Departure</p>

        {% elseif  route_type == "arrival_flight" %}

            <p>Arrival</p>

        {% endif %}

or with jquery

<p id="result"></p>
    <script>
         zboruri_rute = $(".zboruri_rute").attr('class');
         if (zboruri_rute.indexOf("departure_flight") >= 0)
         {$("#result").text("Departure")}
         if (zboruri_rute.indexOf("arrival_flight") >= 0)
         {$("#result").text("Arrival")}
    </script>

Answer 2

As said in the comments, by namth, u'd only need to test route_type again, eg

<div class="zboruri_rute {{ route_type ? "departure_flight" : "arrival_flight" }}">
{% if route_type %}
    <p>Departure</p>
{% else %}
    <p>Arrival</p>
{% endif %}
</div>

demo

---

Shorter version

<div class="zboruri_rute {{ route_type ? "departure_flight" : "arrival_flight" }}">
    <p>{{ route_type ? 'Departure': 'Arrival' }}</p>
</div>