使用contents()方法来操作;
http://api.jquery.com/contents/
Given a jQuery object that represents a set of DOM elements, the .contents() method allows us to search through the immediate children of these elements in the DOM tree and construct a new jQuery object from the matching elements. The .contents() and .children() methods are similar, except that the former includes text nodes as well as HTML elements in the resulting jQuery object.
The .contents() method can also be used to get the content document of an iframe, if the iframe is on the same domain as the main page.
Consider a simple <div> with a number of text nodes, each of which is separated by two line break elements (<br />):
<div class="container">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<br /><br />
Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.
<br /> <br />
Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur.
</div>
We can employ the .contents() method to help convert this blob of text into three well-formed paragraphs:
$('.container').contents().filter(function() {
return this.nodeType == 3;
})
.wrap('<p></p>')
.end()
.filter('br')
.remove();
This code first retrieves the contents of <div class="container"> and then filters it for text nodes, which are wrapped in paragraph tags. This is accomplished by testing the .nodeType property of the element. This DOM property holds a numeric code indicating the node's type; text nodes use the code 3. The contents are again filtered, this time for <br /> elements, and these elements are removed.
分享到:
相关推荐
jQuery UI Frame Dialog是一款基于jQuery UI库的对话框插件,用于在网页中创建具有框架效果的弹出对话框。在官方1.1.2版本中,存在一个CSS加载问题,导致对话框的样式可能无法正常显示,影响了用户体验。这个问题在...
- **DOM操作**:jQuery提供了一套简洁的API来操作DOM,包括元素的选择、添加、删除和属性修改。例如,`$("#element").html()`用于获取或设置元素的HTML内容,`$(".class").append("<div></div>")`用于向指定元素后...
《Jquery EasyUI Frame Wanglim V1.0:构建高效Web界面的利器》 Jquery EasyUI Frame Wanglim V1.0是一款专为初学者设计的Web界面框架,它充分利用了EasyUI的功能,实现了页面自适应布局,以及对多种组件的有效整合...
6. **使用库和工具**:一些JavaScript库如jQuery提供了一些方便的方法来简化跨frame操作。例如,jQuery的`contents()`方法可以获取iframe的文档对象,然后可以像操作常规DOM一样操作其中的元素。 了解了这些技术后...
在本文中,我们将深入探讨jQuery框架(jQuery--frame--ziyuan)中涉及的几个关键知识点,特别是关于frameset对象的操作以及与scrollTop相关的技术。frameset是HTML中用于创建多窗口布局的元素,而在JavaScript和...
在jQuery中,实现frame之间的通信主要涉及到两个关键点:父框架(parent frame)和子框架(child frame)。在父框架中定义一个可供调用的公共方法,然后在子框架中调用这个方法。 1. **父框架中的方法定义:** ```...
在本例中,我们将利用`jQuery`的事件处理和DOM操作功能。 要隐藏父页和引用页中的`iframe`,我们首先需要确保`jQuery`库已经被引入到你的HTML文件中。通常,我们会通过在`<head>`标签内添加以下代码来引入`jQuery`...
在jQuery中,我们可以利用其强大的选择器和API来方便地操作frame内的元素。 在提供的代码示例中,主要展示了如何通过jQuery来检查frame页面的状态并触发相应的行为。代码中定义了一个名为`CheckUser`的函数,该函数...
在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作,事件处理,动画设计以及Ajax交互。本篇文章将详细讲解如何利用jQuery实现iframe页面的切换功能,以便于创建更丰富的用户...
在jQuery Mdi中,jQuery的这些特性被用来动态创建和管理IFrame,使用户可以在一个页面中打开和操作多个子页面。 关于IFrame(Inline Frame),它是HTML的一个元素,允许在一个HTML文档中嵌入另一个HTML文档。在MDI...
1. **jQuery库**:jQuery是一个轻量级的JavaScript库,简化了DOM操作、事件处理、动画制作和Ajax交互。在这个插件中,jQuery负责了页面元素的选择、操作以及与用户的交互。 2. **自定义jQuery插件开发**:京东下雪...
在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互等任务。在“jquery实现通用网页打印”这个主题中,我们将深入探讨如何使用jQuery来实现在B/S(Browser/Server)架构的...
jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互,使得创建复杂的网页动态效果变得更为容易。 首先,我们需要了解jQuery的基本使用。jQuery的核心概念是选择器,它允许我们轻松地...
本文实例探讨了JS中FRAME的操作问题,分享给大家供大家参考。具体分析如下: 以上图为例,在这里把frame之间的互相操作简单列为:1变量2方法3页面之间元素的互相获取。 一、 首先从 父(frameABC)——->子(frameA,...
jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互等任务。在jQuery中实现逐帧动画,可以使用`animate()`函数,配合CSS属性如`left`、`top`或`opacity`来改变元素的位置或透明度,...
JQuery 是一个流行的 JavaScript 库,它极大地简化了DOM操作、事件处理以及AJAX交互。在JQuery中,一些常用属性和方法对于开发者来说尤其重要,因为它们是日常开发中的核心工具。 首先,我们来看看JQuery中的事件...
传统的打印操作可能面临样式丢失、页面布局混乱等问题,而这个组件能帮助我们解决这些问题,提供更一致的打印体验。 ### 2. 支持打印iframe内容 **iframe(Inline Frame)** 是HTML的一个元素,用于在网页中嵌入另...
jQuery是一款轻量级的JavaScript库,它简化了DOM操作、事件处理、动画效果等功能,使得开发者能更高效地编写JavaScript代码。 首先,我们需要创建HTML结构来表示页签和iframe。页签通常由一组链接或按钮组成,每个...
在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互等任务。本篇文章将详细讲解如何利用jQuery实现页面内的元素拖动以及内容互换的功能。 首先,我们需要...