显示匹配元素集第一条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>