如何在Elementor模板代码中定义变量、添加单位并替换类属性值

protected function content_template() {
    ?>
    <ul>
    <#
    if ( settings.list ) {
        let i = 0;
        _.each( settings.list, function( item, index ) {
            i++;
            // 给item文本添加单位，可自行替换成需要的单位（如"条"/"项"等）
            item.text = `${item.text}个`;
        #>
        <li>
            <# if ( item.link && item.link.url ) { #>
                <a class="list-item-{{ i }}" href="{{{ item.link.url }}}">{{{ item.text }}}</a>
            <# } else { #>
                {{{ item.text }}}
            <# } #>
        </li>
        <#
        } );
    }
    #>
    </ul>
    <?php
}

修改说明 #

• 要求1实现：在_.each循环前声明变量i，并在每次循环执行时通过i++更新数值，确保每个列表项对应唯一序号
• 要求2实现：用模板字符串${item.text}个给item的文本追加单位，可直接将"个"替换为业务需要的单位（如"条"、"项"、"件"等）
• 要求3实现：将<a>标签的class属性替换为list-item-{{ i }}，每个链接会生成带序号的类名（如list-item-1、list-item-2），完成变量插入需求

内容的提问来源于stack exchange，提问作者Mohsen