如何从 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");

其中数据是我要重复的实际数据。 article 是页面上的另一个 div 元素。 它工作正常，但问题是有时描述太长，我只想显示前 500 个字符。 如您所见，描述是 html 内容，我已经尝试使用函数，就像我用于 createdDate(function getArticleDateFormat{})

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

Answer 1

这不是 jQuery 特定于模板的问题 - 但通常是 HTML 的问题 - 即您不能简单地截断 HTML 标记以使其显示更少人物。显然，如果您截断它，它可能不再是格式正确的 HTML。您必须简单地显示文本内容并截断它，或者您必须解析或单步执行 HTML 节点，然后删除或截断末尾的文本节点。