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

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

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

Answer 1

这不是 jQuery 模板特定的问题 - 而是 HTML 的一般问题 - 即您不能简单地 chop HTML 标记以使其显示更少的字符。显然，如果您 chop 它，它可能不再是格式良好的 HTML。您要么必须简单地显示文本内容并 chop 它，要么必须解析或单步执行 HTML 节点，并删除或 chop 末尾的文本节点。