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

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

Answer 1

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

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

1 个答案: