[前言]请注意这是一只新手写的文章,请高手不要吐槽,假如可以帮我解答或更正错误请在下面留言
今天想修掉本博客的主题【3】的母主题Twenty eleven在评论数显示上的bug
[对我来说是bug,在首页或其他的文章聚合页面,每篇文章右上都会有个评论数框,在没有评论时,它就是一个框在那,非常莫名奇妙。有评论时才会显示数字。]
在这个过程中,由于包含评论数的链接没有任何id或class类,所以决定使用它带有comments-link类的父标签来获取子节点。
于是我在浏览器里先试了一下是否可以成功获取,结果出现这样的情况
[吐槽]我了个去啊!是我睁眼瞎还是浏览器故意的啊!
[恢复]
很明显可以看出,在chrome开发人员工具里,父标签中除了链接没有其它任何东西,那么获取子节点的结果中前后两个是啥?
我们先来单独获取每个#text看看是啥
第一个
$(".comments-link")[0].childNodes[0] #text attributes: null baseURI: "http://localhost:56964/" childNodes: NodeList[0] data: "↵ " firstChild: null lastChild: null length: 5 localName: null namespaceURI: null nextSibling: a nodeName: "#text" nodeType: 3 nodeValue: "↵ " ownerDocument: #document parentElement: div.comments-link parentNode: div.comments-link prefix: null previousSibling: null textContent: "↵ " wholeText: "↵ " __proto__: Text
然后是第二个
$(".comments-link")[0].childNodes[2] #text attributes: null baseURI: "http://localhost:56964/" childNodes: NodeList[0] data: " " firstChild: null lastChild: null length: 3 localName: null namespaceURI: null nextSibling: null nodeName: "#text" nodeType: 3 nodeValue: " " ownerDocument: #document parentElement: div.comments-link parentNode: div.comments-link prefix: null previousSibling: a textContent: " " wholeText: " " __proto__: Text
第一个的内容看似是回车的符号【难道是换行符?
第二个是一堆tab【在电脑上记事本中选中时是一长条,所以我认为它是TAB
现在我个人得出了结论:在父子节点间的所有内容会分别成为两个文本节点[前后两个](仅个人观点,欢迎修正)
最后我想说:搞什么灰机啊!
本文发布于 https://luojia.me
本站文章未经文下加注授权不得拷贝发布。