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