今天一个同事咨询我关于jquery的filter进行过滤的问题.他查看了jquery1.7 made by unregisered version of easy chm的文档资料.发现里面过于filter的说明无法正常运行成功.后来发现次文档的一些内容有一些bug会误导学习者.同时通过这次filter的研究发现了html p元素的问题.之前居然一直没有注意.
先给大家看看jQuery1.7 made by UNREGISERED version of Easy CHM中的说明
保留子元素中不含有ol的元素。
HTML 代码:
- Hello
How are you?
立即学习“前端免费学习笔记（深入）”；
jQuery 代码:
$("p").filter(function(index) { return $("ol", this).length == 0;//这里明显有错误的.这样也不可能成功的. });结果:
[How are you?
立即学习“前端免费学习笔记（深入）”；
]
其实这个是无法成功运行的.错误就在$("ol", this).length == 0;我开始以为修改为(this).has("ol").length==0就OK了,后来引发了新的问题.就是p元素包裹其他元素的问题.
我们可以看看这样的代码(让整个HTML里面只有此这些代码内容):
I'm nest in p element.
然后用jQuery去取此HTML里面的p元素.
alert($("p").length);因为只有一个p.我们都应该期待得到返回结果为1.但是你可以试验.Chrome.Firefox.Opera.Safari.IE.统统返回2.
Why?
应该很多比我细心而且不像我这样马虎的人都知道原因.那我就自己记下来警示一下自己.这种问题对我这种粗心的人是非常容易犯错的.原来P元素是不能包含块级元素（包括P自身）的.The P element represents a paragraph. It cannot contain block-level elements (including P itself).
