Question

我正在尝试找出如何使用竖线（|）

来分隔我的限制器值

理想情况下，最终结果将是查看：48 | 120 |全部，目前我已经能够查看：48120全部

这是我到目前为止使用的：

<div class="field limiter">
    <label class="label" for="limiter">
        <span><?= /* @escapeNotVerified */ __('View:') ?></span>
    </label>
    <div class="control">
        <?php foreach ($block->getAvailableLimit() as $_key => $_limit): ?>
            <a data-role="limiter" href="#" data-value="<?php /* @escapeNotVerified */ echo $_key ?>"<?php if ($block->isLimitCurrent($_key)): ?>
                class="selected"<?php endif ?>>
                <?php /* @escapeNotVerified */ echo $_limit ?>
            </a>
        <?php endforeach; ?>
    </div>
</div>

Answer 1

可以通过CSS轻松完成。

我总是喜欢CSS进行这种调整。

.limiter .control a + a::before {
   content: " | ";
}

它将在标签之间添加管道分隔符

演示位于Fiddle

希望上面有帮助！

Answer 2

尝试使用 PHP implode（），检查以下修改后的代码：

<div class="field limiter">
    <label class="label" for="limiter">
        <span><?= /* @escapeNotVerified */ __('View:') ?></span>
    </label>
    <div class="control">
        <?php foreach ($block->getAvailableLimit() as $_key => $_limit): ?>
            <a data-role="limiter" href="#" data-value="<?php /* @escapeNotVerified */ echo $_key ?>"<?php if ($block->isLimitCurrent($_key)): ?>
                class="selected"<?php endif ?>>
                <?php /* @escapeNotVerified */ echo implode("|",$_limit) ?>
            </a>
        <?php endforeach; ?>
    </div>
</div>

用管道（|）分隔限制值

2 个答案: