如何从jquery.tmpl中的解析后的html中获取子字符串

Question

我的jquery模板非常简单

<div id="pageArticleTemplate" class="hide-me">
    <article class="post-item">
        <div class="wrapper row">
            <div class="meta">
                ${getArticleDateFormat(createdDate)}
            </div>
            <h2>${title}</h2>
            <div class="excerpt text-justify">
                {{html description}}
            </div>
        </div>
    </article>
</div>

我在我的js文件中使用此模板：

var markup = $("#pageArticleTemplate").html();
$.template("pageTemplate", markup);
$.tmpl("pageTemplate", data).appendTo("#articles");

数据是我想重复的实际数据。 和文章是页面上的另一个div元素。 它工作正常，但问题有时描述太长，我想只显示前500个字符。 正如你所看到的描述是html内容，我已经尝试使用像我用于createdDate的function getArticleDateFormat{} （ function getArticleDateFormat{} ）

请提供一些解决方案。 谢谢

Answer 1

这不是特定于jQuery模板的问题 - 但通常是HTML的一个问题 - 即您不能简单地截断HTML标记以使其显示更少的字符。 显然，如果你截断它，它可能不再是格式良好的HTML。 您必须简单地显示文本内容并截断它，或者您必须解析或逐步浏览HTML节点，并在末尾删除或截断文本节点。