underscore.js如何注入此代码？

Question

我正在尝试自定义一个名为WP Store Locator的WP插件，该插件使用underscore.js（我对此一无所知）。

一个模板文件仅包含添加到$output变量中的某些内容，然后返回变量。 所以像这样：

<?php
$output = "Blah";
$output .= "More blah";
$output .= "<ul></ul>";
return $output;
?>

该<ul></ul>标记的内容完全被其他地方的另一个函数替代。 我可以通过在上面的<ul>标记之间添加一些文本来确认这一点，并在页面加载时将其替换。

将代码注入<ul>函数大致为：

function custom_listing_template() {

    global $wpsl, $wpsl_settings;

    $listing_template = '<li data-store-id="<%= id %>" id="<%= id %>" class="vendor <%= terms %>">' . "\r\n";
    $listing_template .= "blah blah";
    $listing_template .= "blah blah blah";
    $listing_template .= '</li>';

    return $listing_template;
}

重要编辑 ：如果您查看最终输出页面的源，则该页面仍然为空。 上面的PHP代码似乎实际上是在页面底部的标记中将此内容作为JS添加的。

这是我的问题：

我试图对照正在循环通过的先前<li>的值检查当前<li>的值（存储在meta中，我可以访问）。 但是由于第一段代码（带有空的<ul> ）是在循环开始之前 ，而第二段代码（带有单独的<li> ）已经在循环的一次迭代中，所以我该如何存储变量可以在后续迭代中访问的一个迭代中？

我想在<li>之前做一些非常基本的事情，例如：

if (!usedCategories.includes(currentCategory)) { 
    <h4>Current Category</h4>
}
usedCategories.push(currentCategory);

但是usedCategories数组将始终为空，因为从一个末尾开始的推送不会传递到下一个。

感谢您提供的任何见解或指导。