-

xiyueta().debug() 属性方法

显示匹配元素集第一条Html的Dom结构
快速上手

xiyueta().debug()属性方法,两种调用方式:
1、xiyueta().debug(); //在控制台里显示匹配元素集第一条Html的Dom结构
2、xiyueta().debug(true); //在浏览器里显示匹配元素集第一条Html的Dom结构

总结:打印出当前解析出来的HTML结构,以数组方法显示。html:为标记块,label: 为标记名称,lv: 为层级,tagpair: 为单双标记,upHtml: 为标记上方文本内容,downHtml: 为标记下方文本内容。xiyueta.debug()为显示全部Html的DOM结构
尝试一下>>

  • 代码
  • 效果
<script src="https://www.xiyueta.com/js/xiyueta.min.js"></script>
<script>var html = [
    '<ul>',
    '   <li><div><a href="1.jpg" id="nav"></a></div>11</li>',
    '   <li>2</li>',
    '   <li>3</li>',
    '   <li>4</li>',
    '   <li>5</li>',
    '</ul>]'
].join("\n");

$("li:eq(0)").parse(html).debug(true); //浏览器里显示匹配元素集第一条Html的Dom结构
$("li:eq(0)").debug(); //控制台里显示匹配元素集第一条Html的Dom结构
</script>