单个元素中的多个文本节点?

2024-03-09

有人可以帮我看一下下面的屏幕截图并解释以下内容:

  1. 到底是怎么回事?
  2. 我如何以编程方式检测它?
  3. 我如何以编程方式修复/摆脱它?

我相信发生的事情是我在一个单一的文本节点中有多个文本节点preelement...我感觉很多年前我在MDN上读到这样的事情是可能的,但我以前从未遇到过这样的事情。

jQuery 没有通过以下方式透露任何异常情况text() or html()(我在控制台中尝试两者,如屏幕截图所示)...它只是显示合并到单个节点中的所有文本节点的内容。

未显示的是,当我尝试在控制台中手动修复此问题时,可以执行以下操作:

$('pre').text($('pre').text())

不是将所有文本节点替换为单个文本节点,并将所有 3 个文本节点的内容合并为一个,它仅替换第一个文本节点的内容与所有 3 的内容。

所有这些真的让我感到困惑,我找不到任何有关这方面的文档,所以如果有人能够回答我的上述问题,我将非常感激。

哦,因为我知道有人会问我是怎么做到的,答案是我不太确定我做了什么。这与我的meteor项目的html和js之间的循环有关,我认为:

在我的 html 中我有这个:

<pre class="editable" contentEditable="true">{{text}}</pre>

在我的 javascript 中我有这个:

"input pre": function (event) {
    var newText = $(event.target).text();
    Ideas.update(this._id, {$set: {text: newText}});
}

所以流星会自动检查更改text在我的数据库中并将最新的副本放入我的pre。它还会看到用户何时编辑pre并编辑text在数据库中。以某种方式执行此操作,有时会产生您在上图中看到的内容(有时会产生其他奇怪的行为。)


  1. 到底是怎么回事?

中有多个文本节点pre元素。

  1. 我如何以编程方式检测它?

$('pre').contents()将返回元素的子元素列表,包括文本节点。就我而言,我只会有文本节点,因此只需检查列表的长度是否大于 1 即可。如果我无法做出这个假设,我将不得不迭代返回的列表并查看是否有任何两个连续节点是文本节点。请参阅 jQuery 的文档。 http://api.jquery.com/contents/

  1. 我如何以编程方式修复/摆脱它?

$('pre')[0].normalize()修复它。请参阅 MDN 中有关规范化的文档。 https://developer.mozilla.org/en-US/docs/Web/API/Node/normalize

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

单个元素中的多个文本节点? 的相关文章

  • MVC 在布局代码之前执行视图代码并破坏我的脚本顺序

    我正在尝试将所有 javascript 包含内容移至页面底部 我正在将 MVC 与 Razor 一起使用 我编写了一个辅助方法来注册脚本 它按注册顺序保留脚本 并排除重复的内容 Html RegisterScript scripts som
  • 将div设置为隐藏,延时后可见

    我试图在 X 时间后 也许甚至在随机时间之后 但现在我们只做固定时间 在黑色背景上出现一个黄色方块 function initialSetup if document getElementById yellow null document
  • Iframe 相对路径挑战

    我有一个页面 在页面内有一个 Iframe 目录如下 Folder1 Folder2 IframeCSS IframeCSS Css iframePage1 html stuff css parentPage1 html 在 iframeP
  • Babel 7 Jest Core JS“TypeError:wks不是函数”

    将我的项目升级到 Babel 7 后 通过 Jest 运行测试会抛出以下错误 测试在 Babel 6 中运行没有任何问题 但在 Babel 7 中失败并出现以下错误 TypeError wks is not a function at Ob
  • Firefox 书签探索未超过 Javascript 的第一级

    我已经编写了一些代码来探索我的 Firefox 书签 但我只获得了第一级书签 即我没有获得文件夹中的链接 e g 搜索引擎 雅虎网站 谷歌网站 在此示例中 我只能访问 Search engines 和 google com 不能访问 yah
  • 如何阻止破折号自行包裹?

    我有一个标题 标题最后一个单词的末尾是一个破折号 单词和破折号之间没有空格 当浏览器窗口变小时 破折号会中断并换成新行 在自己的行上有一个破折号是不好的排版 如何停止破折号之前的换行 以便最后一个单词运行到新行 这是代码 h1 XYZ co
  • 使用 JQuery 更改元素的顺序

    有人知道我做错了什么吗 我正在尝试更改某些图像的显示顺序 我希望每次按下按钮时图像都会向右 向左移动一个位置 这是我尝试过的 但没有运气 任何帮助或见解将不胜感激 rightShift click function img hide var
  • jQuery 获取元素内的鼠标位置

    我希望制作一个控件 用户可以在 div 内单击 然后拖动鼠标 然后松开鼠标以指示他们想要的内容有多长 这是针对日历控件的 因此用户将指示特定事件的时间长度 看起来最好的方法是在父 div 上注册一个 mousedown 事件 而父 div
  • 为 illustrator 导出脚本以保存为 web jpg

    任何人都可以帮我为 illustrator CC2017 编写一个脚本 将文件以 JPG 格式导出到网络 旧版 然后保存文件并关闭 我有 700 个文件 每个文件有 2 个画板 单击 文件 gt 导出 gt 另存为 Web 旧版 然后右键文
  • 避免响应式页面的重复内容

    我目前正在做一个涉及响应式设计的项目 整个布局应该使用HTML和CSS来实现 我知道可以使用 java 脚本将内容从一个列布局移动到另一列布局 而无需复制内容 但是使用 HTML 和 CSS 是否可以实现相同的效果 以下面的例子为例 它会在
  • 我可以使用 jQuery 打开下拉列表吗

    对于 HTML 中的下拉列表
  • FireFox 中的自动滚动

    我的应用程序是实时聊天 我有一个 Div 来包装消息 每条消息都是一个 div 所以 在几条消息之后 我的 DOM 看起来像这样 div div Message number two div div div div
  • 为什么我不能在 AngularJS 中使用 data-* 作为指令的属性名称?

    On the t他的笨蛋 http plnkr co edit l3KoY3 p preview您可以注意到属性名称模式的奇怪行为data 在指令中 电话 Test of data named attribute br
  • 有没有办法阻止 prettier / prettier-now 将函数参数分解为新行

    当使用 prettier prettier now 在保存时进行格式化时 当一个函数包装另一个函数时 它会中断到一个新行 我想知道是否有办法阻止这种行为 例如 期望的输出 app get campgrounds id catchAsync
  • 如何更改此 jquery 插件的时区/时间戳?

    我正在使用这个名为 timeago 的插件 在这里找到 timeago yarp com 它工作得很好 只是它在似乎不同的时区运行 我住在美国东部 费城时区 当我将准确的 EST 时间放入 timeago 插件时 比如 2011 05 28
  • 如何仅在最后一个
  • 处给出透明六边形角度?
  • 我必须制作这样的菜单 替代文本 http shup com Shup 330421 1104422739 My Desktop png http shup com Shup 330421 1104422739 My Desktop png
  • Javascript/Jquery:确定用户是否使用鼠标滚轮、滚动条或键盘滚动

    我正在尝试让用户界面正常工作 如果他们使用鼠标滚轮 我需要让它以一种方式滚动 如果他们使用滚动条 我需要让它以另一种方式滚动 如果他们使用键盘 我需要让它以另一种方式滚动 我相信滚轮和滚动条都充当鼠标事件 但是当单击滚动条时我无法让 jav
  • 导致回发到与弹出窗口不同的页面

    我有一个主页和一个详细信息页面 详细信息页面是从主页调用的 JavaScript 弹出窗口 当单击详细信息页面上的 保存 按钮时 我希望主页 刷新 是否有一种方法可以调用主页的回发 同时还可以从详细信息页面维护保存回发 Edit 使用win
  • jQuery 对象相等

    如何确定两个 jQuery 对象是否相等 我希望能够在数组中搜索特定的 jQuery 对象 inArray jqobj my array 1 alert deviceTypeRoot deviceTypeRoot False alert d
  • CSS 是否有不等于选择器?

    CSS中有类似 不等于 的东西吗 例如 我有以下代码 input 但对于某些输入 我需要将其作废 我想通过将类 reset 添加到输入标签来做到这一点 例如

随机推荐

  • 在pymysql中选择查询

    当执行以下命令时 import pymysql db pymysql connect host localhost port 3306 user root cur db cursor print cur execute SELECT Par
  • Firefox 16 中基于浏览器的 YouTube 上传意外中止

    我有一个常规的基于 YouTube 浏览器的上传表单 如下所示 它在 IE Chrome 和旧版本的 Firefox 中运行良好 然而 我的 Firefox 16 0 2 只是挂在 POST 上 我已在其他装有 Firefox 16 x 的
  • 覆盖ZK中的“处理”

  • AppInjector get 已弃用,请使用 Type 或 InjectionToken

    我试图摆脱这个 tslint 警告 警告 get 已被弃用 从 v4 0 0 开始使用 Type 或 注入令牌 我的代码设置方式是这样的 应用程序注入器 ts import Injector from angular core export
  • 在排序数组中搜索的严格较低时间复杂度界限是多少

    例如 在排序中 紧下界是 N log N 其中 N 是数组的大小 在排序数组中搜索怎么样 我认为是 log N 但我不是 100 确定 而且一切都基于比较 除了输入数组本身之外不能使用任何其他外部存储器 提前致谢 是 仅使用比较在排序数组中
  • 学说:计算有条件的实体的项目

    如何在 Doctrine 中计算具有条件的实体的物品 例如 我意识到我可以使用 usersCount dm gt getRepository User gt count 但这只会计算所有用户 我只想计算那些拥有员工类型的人 我可以做类似的事
  • 验证 Azure Active Directory 中的用户;不使用 SSO,但使用用户名和密码

    随着最近发布的 Azure AD 我们希望使用 Azure AD 进行 Web 应用程序身份验证 但不想使用 SSO 我们不希望用户被重定向到 Microsoft 帐户登录屏幕 然后再返回 我们希望向他们提供登录凭据屏幕 在其中捕获他们的用
  • 如何在 Java GUI 上添加多行标签?

    我做了一个java swing GUI 现在我想在其上显示一条静态消息 但该消息是多行的 而 JLabel 是单行的 我怎样才能显示该消息 我们可以设置 JLabel 的任何属性来显示多行消息吗 我是否必须对多行使用多个 JLabel 还有
  • 词典排序

    我正在做一个问题 说 连接单词以生成字典顺序最低的可能字符串 来自一场比赛 以这个字符串为例 jibw ji jp bw jibw 实际输出结果是 bw jibw jibw ji jp 当我对此进行排序时 我得到 bw ji jibw ji
  • Java 类加载器和依赖解析

    有人可以澄清一下 类加载器的作用不仅是加载单个类 而且还加载其依赖项吗 如果是这样 整个过程到底需要什么 如果可能的话 我正在寻找实施细节 例如 在某些时候 必须从某个地方 网络或文件系统位置 读取字节 并且必须根据类规范名称和类的预知来计
  • Hyperledger Fabric 中的多个智能合约

    如何在 Hyperledger Fabric 的同一个应用程序中实施多个智能合约 哪个配置文件包含实现此目的的设置 我将使用 Hyperledger Fabric 版本 1 4 中的 Fabcar 示例来回答您的问题 我的回答是基于 Jav
  • OPC 新手指南:如何编写 C# Hello World 客户端?

    这是我的情况 我们开发了一款用于监控太阳能发电厂的软件 我必须介绍 OPC 作为一种从物理设备本身获取数据的新方法 这就是为什么我最终尝试了解 OPC 但迄今为止这令人沮丧 我已经安装了 Matrikon 模拟器 并使用 Matrikon
  • Jquery - 将html字符串附加到变量中的html字符串

    我正在尝试创建一个 HTML 字符串 然后使用额外的 HTML 和属性修改该 HTML 字符串 但它不起作用 我究竟做错了什么 document ready function body on click button function va
  • 将激活上下文 API 与不同位置的许多 dll 一起使用

    我在位置 A 运行的 Net 客户端中使用激活上下文 API 在 WS2008 上的位置 B 与 A 完全不同的位置 不是同一台计算机上的同级 后代等 加载 COM 组件 无需注册通过在 ACTCTX 中传递位置 B 它工作正常 但是 我现
  • 主线程执行完成后,Spring Batch 线程不返回

    我是春季批次的新手 我已经通过使用多个线程从 spring 创建并成功执行了作业 它工作得很好 除了程序执行完成时 程序流不会结束 停止 即 即使主方法的最后一条语句被执行 程序也不会退出 我不确定它是否继续等待线程完成或什么 有人可以就此
  • 不使用 Excel 写入 Excel 电子表格中的某些单元格?

    我想在未安装 Excel 的服务器上写入 Excel 电子表格 所以Excel自动化是不可能的 我还需要写信给certain使用 NET 的单元 这可能吗 如何实现 ODBC 驱动程序可用于在某些工作表单元格插入数据吗 无需使用昂贵的第三方
  • Assert.That 与 Assert.True

    更喜欢什么 Assert That obj Foo Is EqualTo true or Assert True obj Foo 对我来说 这两种资产是等价的 应该优先选择哪一种 在这种特殊情况下 没有区别 您将看到大致相同详细程度的输出
  • IntelliJ IDEA 中的“变量从未分配”警告只能“部分”抑制

    Java EE IntelliJ Idea 2016 3 我编写了一个类并声明了一个私有字段 Inject注解 我已经通过添加成功地从 检查结果 窗口中删除了 未使用的声明 通知javax inject Inject to 设置 gt 编辑
  • grunt-contrib-connect 中间件 CORS 解决方案,具有 keepalive true

    对于我的本地开发系统 我尝试使用 grunt contrib connect 为前端资产提供服务 我需要一个在 Firefox 中使用字体的跨域解决方案 服务器运行得很好 但我似乎无法设置标头 我正在使用 grunt contrib con
  • 单个元素中的多个文本节点?

    有人可以帮我看一下下面的屏幕截图并解释以下内容 到底是怎么回事 我如何以编程方式检测它 我如何以编程方式修复 摆脱它 我相信发生的事情是我在一个单一的文本节点中有多个文本节点preelement 我感觉很多年前我在MDN上读到这样的事情是可