jquery模板插件jTemplates代替拼html

最新推荐文章于 2020-06-23 04:14:51 发布

gdjlc

最新推荐文章于 2020-06-23 04:14:51 发布

阅读量9k

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/gdjlc/article/details/8479073

版权

本文介绍了jQuery的模板插件jTemplates，通过提供更灵活的模板定义方式，替代传统的手动拼接HTML代码。利用jTemplates，可以在`foreach`操作符中访问特定迭代变量，如元素索引、ID、是否为第一项等。示例展示了如何判断并处理非第一行的数据。

摘要由CSDN通过智能技术生成

jQuery的jTemplates插件允许定义一个显示模板，在展现数据时根据选择的模板来动态生成。

jQuery的jTemplates官方网站：http://jtemplates.tpython.com/

原先的拼html代码如下：

$("#Content").html("");
    $.getJSON("ajax/item.ashx", { action: 'list', action2: 'getPerPageData', type: $("#hidType").val(), ym: $("#hidYM").val(), showType: $("#sShowType").val(), searchVal: $("#txtSearch").val(), pagesize: $("#sPageSize").val(), index: index, t: Math.random() }, function(data) {
        $.each(data, function(i) {
            var strHtml = "<table id='tbItemId" + data[i].Id + "' class='mytable' style='table-layout:fixed' cellspacing='0'>";
            strHtml += "<tr><td class='alt'>";
            strHtml += "<input type='hidden' id='hidsType" + data[i].Id + "' value='" + data[i].TypeId + "' />";
            strHtml += "<span id='spTitle" + data[i].Id + "'>" + data[i].Title + "</span>";
            strHtml += "<span class='right'>";
            strHtml += "<a href='#' title='编辑' οnclic