Можно ли дать строчные буквы класса и заголовка с помощью JQuery или JavaScript?

Question

Можно ли дать строчные буквы класса и заголовка с помощью JQuery или JavaScript?

У меня есть этот код:

<span class="status-source sources-detailed-{{ticket.source_name}}" title="{{ticket.source_name}}"></span>

И вы видите это, когда смотрите на сайт спроверка элементов:

<span class="status-source sources-detailed-Phone" title="Phone"></span>

Я хочу, чтобы все было в нижнем регистре, вот так:

<span class="status-source sources-detailed-phone" title="phone"></span>

Я искал в Интернете, но не нашел никаких решений.

Я использую Freshdesk для создания этого сайта, поэтому я не могу сам подстроить строки. Вот почему я сейчас ищу другой способ

Freshdesk использует жидкостный шаблонизатор.

Answer 1

Freshdesk использует Жидкий шаблонизатор.

Жидкий шаблонизатор позволяет вам применять фильтры к вашим значениям:

https://shopify.github.io/liquid/filters/downcase/

{{ "Parker Moore" | downcase }}

Итак, ваш пример становится:

<span class="status-source sources-detailed-{{ticket.source_name | downcase}}" 
      title="{{ticket.source_name | downcase}}"></span>