-

xiyueta().webtpl() 属性方法

静态html自动生成CMS标签
快速上手

xiyueta().webtpl()属性方法,两种调用方式:
1、xiyueta().webtpl(param1,param2); //自动生成CMS标签,参数1为模板配置对象如{type:'dedecms',minrow:4} minrow为最少有多少项相同数,参数2为搜索层数,如果只有一个参数,为object则为模板对象,如果为number则为搜索层数
2、xiyueta(selector).webtpl(); //selector为选择器,指定搜索范围,如果为空,则全文档搜索

总结:可以生成dedecms里的cms标签,多种cms可供选择
尝试一下>>

  • 代码
  • 效果
<script src="https://www.xiyueta.com/js/xiyueta.min.js"></script>
<script>var html = '<div id="nav">\n\
    <span><a href="">网站首页</a></span>\n\
    <span><a href="">公司介绍</a></span>\n\
    <span><a href="">新闻中心</a></span>\n\
    <span><a href="">产品展示</a></span>\n\
    <span><a href="">联系我们</a></span>\n\
</div>\n\
<ul id="news">\n\
    <li><a href="">1111</a></li>\n\
    <li><a href="">1111</a></li>\n\
    <li><a href="">1111</a></li>\n\
    <li><a href="">1111</a></li>\n\
    <li><a href="">1111</a></li>\n\
    <li><a href="">1111</a></li>\n\
</ul>';

$().parse(html);
$().webtpl({type:'dedecms'});
$.log(xiyueta.html())

document.write("<br>显示搜到对象数组<br>")
$.log(xiyueta.autoFindObjArr)
</script>
<div id="nav">
    {dede:channel type='top' row='5'}
<span><a href="[field:typeurl/]">[field:typename/]</a></span>
{/dede:channel}
</div>
<ul id="news">
    {dede:arclist titlelen='60' row='6'}
<li><a href="[field:arcurl/]">[field:title/]</a></li>
{/dede:arclist}
</ul>

显示搜到对象数组
s: xiyueta("div[id='nav'] span").nav() , 0
s: xiyueta("ul[id='news'] li").news() , 1