是否可以用 JQuery 或 JavaScript 给 class 和标题小写字母？

Question

是否可以给class和标题小写字母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 使用 Liquid 模板引擎。

Answer 1

Freshdesk uses the Liquid Templating Engine.

Liquid 模板引擎允许您对值应用过滤器：

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>