将 html 解析为 jQuery 对象的正确方法

2023-12-19

我想将 html 字符串解析为 jQuery 对象,然后通过 ID 查找元素。

我尝试了以下三种方法,但只有最后一种有效。我不知道为什么其他的不起作用?

var html = "<html><body><div id='main'></div></body></html>";

// Not work, return 0
console.log($(html).find('#main').length); 
// Not work, return 0
console.log($($.parseHTML(html)).find('#main').length); 
// Works, return 1
console.log($("<html/>").html(html).find('#main').length); 

这是示例:http://jsfiddle.net/nbyofkam/2/ http://jsfiddle.net/nbyofkam/2/


It's 有记录的 http://api.jquery.com/jQuery/ :

当传入复杂的 HTML 时,某些浏览器可能不会生成完全复制所提供的 HTML 源的 DOM。如前所述,jQuery 使用浏览器的 .innerHTML 属性来解析传递的 HTML 并将其插入到当前文档中。在此过程中,某些浏览器会过滤掉某些元素,例如<html>, <title>, or <head>元素。因此,插入的元素可能无法代表传递的原始字符串。

因此,$(html)减少为"<div id="main"></div>"。您可以通过登录来验证$(html)[0].outerHTML.

所以你不能使用find不包装它,这就是你所做的。

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

将 html 解析为 jQuery 对象的正确方法 的相关文章

  • 如何使用 console.log 省略文件/行号

    如今 您可以在 Chrome 的控制台中编写非常好的东西 查看this https developer chrome com devtools docs tips and tricks关联 我也做了一个截图 正如您在屏幕截图中看到的那样 文
  • 如何更改点击事件上的引导插入符指向方向

    我正在使用 2 3 2 引导程序 因为当我单击菜单按钮时 我可以更改插入符号图标的位置 我需要当我单击图标插入符号向上时 当您单击另一个项目时 插入符号返回到初始状态 这怎么可能 导航代码 div div class container d
  • jQuery 中如何判断 JSON 对象是否为空

    我有以下 JSON meta limit 20 next null offset 0 previous null total count 0 objects 我对对象感兴趣 我想知道对象是否为空并显示警报 像这样的东西 success fu
  • 使用 Javascript 对象模型在 SharePoint 任务上设置“分配给”

    我想创建一个共享点任务并将其分配给我自己 当前用户 在 javascript 对象模型中 我有下面的代码 但我认为我需要设置 spusercollection 对象 而不是设置特定用户 但是 我似乎无法在任何地方找到如何执行此操作的任何示例
  • 使用 jQuery 1.4 跨平台、跨浏览器播放声音的方式?

    我试图让 jQuery 在元素悬停 单击时播放声音 就像一个没有flash的flash网站 我已经尝试过推荐的方法跨平台 跨浏览器的方式从 Javascript 播放声音 https stackoverflow com questions
  • 我什么时候应该使用内联和外部 Javascript?

    我想知道什么时候应该包含外部脚本或将它们与 html 代码内联编写 就性能和易于维护而言 这方面的一般做法是什么 真实场景 我有几个需要客户端表单验证的 html 页面 为此 我使用了一个包含在所有这些页面上的 jQuery 插件 但问题是
  • 它们是“相同的”吗?代码大战

    这是完整的问题描述 给定两个数组 a 和 b 编写一个函数 comp a b Clojure 中的 compSame a b 来检查这两个数组是否具有 相同 元素以及相同的重数 这里 相同 意味着 b 中的元素是 a 平方中的元素 无论顺序
  • 上传前如何检查图片的宽度和高度

    对于图片上传 我编写了以下 html 代码
  • jQuery Masonry 和 CSS3

    如何在保持砖石布局的同时将 CSS3 过渡与当前图像结合起来 这是我的html div img class bottom src images div
  • jQuery 如何通过不同的列值计算表中的行数

    如何按表列计算不同的表行 Example table thead tr th NAME th th TECHNOLOGY th tr thead tbody tr td john td td jQuery td tr tr td mark
  • 使用 jQuery 更改 SVG 元素的“xlink:href”属性

    我正在尝试使用单击事件更改 xlink href 属性 到目前为止它部分有效 这就是我正在做的 HTML a href class ui btn ui corner all ui shadow editIcon style text ali
  • 如何从Web JavaScript应用程序获取桌面C#程序中的变量

    我遇到一个问题 有两个应用程序 一种是 C 中的桌面应用程序 另一种是 javascript 中的 Web 应用程序 运行桌面应用程序中的一些变量或信息需要传输到Web应用程序 有谁知道如何解决这个问题 有人愿意提供更多细节来解决这个问题吗
  • 如何更改 Vuetify 日历日期格式

    我正在尝试在以下 Vuetify 日历上启用输入事件 https github com vuetifyjs vuetify blob master packages docs src examples calendars complex e
  • 谷歌浏览器如何启动桌面应用程序?

    我真的不知道术语 所以我将从一个例子开始 如果我点击磁力链接 Google Chrome 会询问我是否要启动 torrent 客户端 我单击 确定 chrome 启动该应用程序 该应用程序根据链接执行一些操作 现在有办法查看应用程序如何从
  • 单击时突出显示文本(javascript jquery html)

    当您在所有浏览器中双击某个单词时 它们会自动突出显示单击下的单词 但是否有可能找到一种方法exact单击一下就会发生同样的事情吗 我想这涉及到的事情可能是 TextRange 的东西 对所有段落 或整个正文或 div 的 onclick 做
  • 如何与使用 child_process.spawn 创建的新创建的服务器交互

    我正在尝试为我的私人托管的 反恐精英全球攻势 服务器制作一个前端 当我点击运行服务器时 在前端 一切正常 服务器启动并记录到控制台 但是如何查看服务器IP地址 服务器中的玩家等信息呢 这是我到目前为止运行服务器的内容 router post
  • jquery 表单使用 .on() 提交

    我正在尝试发送由 jquery 创建的表单 该表单附加到一个 div 中 下面的变量 data 是使用 php 创建的 我将只发布最重要的 js 代码 我尝试了很多带有和不带 on 的方法 但我未能让警报框显示 1 以便我知道代码块实际上已
  • Modernizr 未将类应用于 html 标签

    我目前正在构建一个网站 我需要使用 Modernizr 但由于某种原因 它没有将类应用到 html 标签 因为它应该 我的代码如下所示
  • 在 Sublime Text 下获取完整的 JS 自动补全

    我刚刚在 Windows Vista 下安装了 Sublime Text 甚至遵循了中给出的建议这个帖子 https stackoverflow com questions 10636410 modifying sublime text 2
  • 调试客户端时使用 Chrome/Firefox

    我正在使用带有 getUserMedia 的相机 但出现了一些需要修复的错误 问题是 Visual Studio 只允许我使用 IE 调试 JavaScript 我的意思是命中断点 而 IE 不支持 getUserMedia 如果您想在 I

随机推荐

  • 底部片断带有键盘

    我在底部工作表片段中有一个编辑文本 当焦点位于编辑文本上时 布局会上升 我试过 android windowSoftInputMode adjustNothing 它适用于父活动 但不适用于对话框片段 这是我的底表类 public clas
  • 移动 CGPathCreateMutable() 以使路径保持不变?

    我在屏幕上有 9 个六角形精灵 我必须指定它们周围的特定路径以使它们的区域可触摸 我不想分别为每个路径设置坐标 所以我不能只使用第一个路径 六边形大小相同 并将其原点移动到另一个位置 不破坏形状 吗 如果我现在这样做 CGPathAddLi
  • 在 Angular 5 中使用 XML 数据发出 Post 请求

    我是 Angular 新手 正在使用 Angular 5 我正在发出 http post 请求 并且想将 xml 数据发送到后端 因为我的后端只接受 xml 格式的数据 我已经遵循了一些教程 但无法让它工作 请让我知道我做错了什么以及如何让
  • Matlab 限制 TBB 但不限制 OpenMP

    我问这个问题只是为了尝试了解我花了 24 小时尝试解决的问题 我的系统 乌班图12 04 2 Matlab R2011a 它们都是基于 Nehalem 的 64 位 Intel Xeon 处理器 问题很简单 Matlab 允许基于 Open
  • Android 多行通知(如 Gmail 应用)

    我正在尝试创建一个多行通知 就像 Gmail 应用程序那样 如下图所示 5 个通知分组在一个通知下 我尝试过各种示例 但似乎只能创建单个通知 例如 public void createSingleNotification String ti
  • Clojure 将 var 嵌入到 String,还有另一种方法吗?喜欢 sprintf 方式吗?

    str I don t know what name a eats 我知道这是用变量构造字符串的正确方法 但有没有类似这样的方法呢 str I dont know what s eats name a 我尝试过 这不是有效的语法 但是 Cl
  • 如何获取Linux命令的完整路径名

    我想找出 Linux 中命令的文件路径 例如 ls文件路径为 bin ls 如何找到某些命令的确切路径 正如所指出的 which
  • 查找 DOB 的 XPATH

    我无法找到下一页的 DOB 字段的 xpath 因为 DOB 日历中禁用了右键单击 任何线索都会有帮助 例如 我尝试选择 DOB 为 2004 年 3 月 1 日 https pos diy iiflinsurance com form p
  • 增加 Internet Explorer 中显示时间的工具提示

    All 有没有什么方法可以增加显示 标题 标签所花费时间的工具提示 标准时间小于 5 秒或左右 但不足以阅读工具提示消息 感谢帮助 我没有足够的声誉来发表评论 但这是我想添加的内容 您可以在此处更改超时 Windows 通知对话框应保持打开
  • 检查 JSONB 列中的数组是否包含另一个数组中的任何值

    Problem 查找样本数据中的所有记录foo gt bar包含给定数组中的至少一项 例如 1 2 样本数据 Record 1 gt foo bar 1 2 Record 2 gt foo bar 3 4 Record 3 gt foo b
  • 在 Objective-C 中使用延迟加载重写属性 getter

    我通常在 getter 方法中懒惰地实例化我的 property 对象 如下所示 interface MyGenericClass UIViewController property nonatomic readonly UIImageVi
  • 将图像保存在 MediaLibrary 中

    我正在使用列表框 用具有绝对 uri 的图像填充列表框 现在我需要将图像保存到手机内的媒体库中 但是当我尝试时 Application GetResourceStream new Uri imageurl UriKind absolute
  • 如何在 ng-repeat 中将对象作为 ng-click 中的参数传递? AngularJS

    如何在 ng repeat 中将对象作为 ng click 中的参数传递 Example tr td table name td td isActive table active td td table initialDate td td
  • (穷人的)产品推荐实施

    我正在尝试为在线商店建立一个穷人的推荐系统 我想了解亚马逊的 购买此商品的顾客也购买了 的功能 并且我读了很多相关内容 我知道有 Apache Mahout 的东西 但我无法以这种方式调整服务器 然后会有谷歌预测API 但它要花钱 所以我开
  • Visual Studio 添加始终运行的预构建事件(C# 项目)

    在我的项目中 我正在运行外部工具来更新一些二进制文件 这些文件作为 内容 包含在项目中 目前 该工具设置为在 C 项目属性中的 预构建事件 期间运行 不幸的是 这个事件只有在项目过期时才会执行 这不是我所需要的 我通过在我的项目中始终使用
  • 达到速率限制时收到 CORS 错误而不是预期的 429 响应

    在我的后端 我在 net core 实体框架后端中使用 AspNetCoreRateLimit 包实现了 IpRateLimit 中间件 当 IP 地址 x 在特定时间内发出 y 调用时 它会被阻止一段时间 后端应返回 429 错误 这在使
  • 如何使用 TFileStream 将二维矩阵读入动态数组?

    我需要使用 Delphi 2010 将一个大的 2000x2000 二进制数据矩阵从文件读取到动态数组中 直到运行时我才知道尺寸 我从来没有读过这样的原始数据 也不了解 IEEE 所以我发布这个来看看我是否走上正轨 我计划使用 TFileS
  • 如何获取动态 List / ForEach 可绑定元素的索引(新 Xcode 13 的语法)?

    到目前为止 要在动态集合中的元素和列表的行之间设置绑定 我们必须这样做 List Array zip data indices data id 1 id index in HStack Text index 1 description Te
  • typeid() 可以用来传递函数吗?

    我尝试了这个并得到输出 空白 请解释以下代码 include
  • 将 html 解析为 jQuery 对象的正确方法

    我想将 html 字符串解析为 jQuery 对象 然后通过 ID 查找元素 我尝试了以下三种方法 但只有最后一种有效 我不知道为什么其他的不起作用 var html div div Not work return 0 console lo