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

时间:2019-06-29 12:23:43

标签: html twig

我想使用提示获取类的名称,并根据类的内容显示某些文本。有没有一种方法可以获取类名并在IF条件下使用它?

<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 %}

如果我的班级是zboruri_intoarcere,我想显示“出发”,如果我的班级是zboruri_plecare,我想显示“到达”

2 个答案:

答案 0 :(得分:0)

尝试

    {% 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 %}

或使用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>

答案 1 :(得分:0)

如评论中所述,实际上,您只需要再次测试route_type,例如

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

demo


更短版本

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