吐出一个数组并用 html 标签包裹它 - BC.Next (Liquid)

Question

对于任何使用 Business Catalyst 的人来说，这里只是一个简单的问题，是否可以从 Web 应用程序（使用 liquid）中拆分数组数据？一个完美的例子是当您创建一个复选框字段时。当数据输出时，它只是一个字符串，看起来像这样 "Ryan, Ashley, Melissa"。我想做的是拆分数据，然后用li包裹。

我已经创建了这个有效的 JQuery 版本，但我很想看看是否可以用 liquid 执行此操作，因为我是这个平台的新手。

$('.padt20').find('ul').each(function() {
   var $this = $(this);
   var words = $this.text().split(",");
   var text = words.join("</li><li>");

     $this.html("<li>" + text + "</li>");
        });

HTML:

<ul>{{ArrayTag}}</ul>

Answer 1

我找到了解决问题的方法！您需要分配一个数组然后拆分它。您需要先创建一个变量，因为如果您尝试在 for 循环中拆分它，它将不起作用。

{% assign array = ArrayTag | split: "," %}
{% for i in array -%}
 <li> {{ i }} </li>
{% endfor %}

吐出一个数组并用 html 标签包裹它 - BC.Next (Liquid)

Spitting an Array and wrapping it with an html tag - BC.Next (Liquid)

jquery

html

liquid

business-catalyst