描述: 获得匹配元素集合中每个元素的子元素,包括文字和注释节点。
-
添加的版本: 1.2.contents()
-
这个方法不接受任何参数
-
给定一个jQuery对象,表示一个DOM元素的集合,.contents()
方法允许我们在 DOM 树中查找集合中的直接子元素,并根据匹配的元素创建一个新的 jQuery 对象。.contents()
和.children()
方法类似,只不过前者包括文本节点以及jQuery对象中产生的HTML元素。
如果IFRAME是在与主页同域,.contents()
方法也可用于获取iframe中的文件内容。
考虑一个简单<div>
中一些文本节点,其中每个元素是相隔两换行符(<br />
):
1
2
3
4
5
6
7
8
9
10
|
|
我们可以使用.contents()
方法将上述文本转换成三个格式良好的段落:
1
2
3
4
5
6
7
|
|
此代码首先检索<div class="container">
的内容,然后过滤它的文本节点,并且将它被包裹在段落标记内。这是通过测试元素的.nodeType
属性。这个DOM属性保存一个数字代码,以显示节点的类型;文本节点使用代码3。再次过滤的内容,这次是<br />
元素,这些元素都将被删除。
例子:
Example: 段落内找到所有的文本节点,并将他们包装了一个标记。
1
2
3
4
5
6
7
8
9
10
11
|
|
Example: 改变背景颜色的iframe里面的链接。
1
2
3
4
5
6
7
8
9
10
11
|
|
转载请注明:悠然品鉴 » jQuery .contents() 用法 手册 | 示例代码