使用 jquery 仅创建一个开始 div 标签

2023-11-25

好吧,我已经在这个网站上搜索了很多,但似乎找不到答案,所以我将以更好的理由问同样的问题。我正在尝试使用 jquery 添加一个开始 div 标签。当我尝试使用 after 时,我最终得到了 .我知道 jquery 不喜欢像我想要的那样本地创建标签。然而,情况是这样的:

我有一个动态表单生成器,用于显示表单。我在表单中使用了几个标题作为节标题。我想使用 jquery 手风琴,它希望看到一个 div 元素包裹了手风琴框架的内容,并且它希望在我的 .问题在于开始和结束 div 标签之间的元素数量是动态的。所以我不能只是包装一些东西然后就完成它。我想做的是这样的:

<h3>Section 1</h3>

...这里是动态代码部分

<h3>Section 2</h3>

我想使用 jquery 来结束这样的事情:

<h3>Section 1</h3>
<div>

动态代码部分在这里

</div>
<h3>Section 2</h3>
<div>

更动态的代码

</div>

我知道我可以找到我知道的元素(h3 标签)并插入 html。问题是 jquery 不让我这么做。显然它对我不够信任,无法独自平衡事情。有人对如何让它发挥作用有任何想法吗?


Use .wrapAll()

$('h3').each(function(){
   $(this).nextUntil('h3').wrapAll(document.createElement('div'));
});

DEMO: http://jsfiddle.net/ph8D2/

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

使用 jquery 仅创建一个开始 div 标签 的相关文章

  • Disqus:使用 jQuery 成功后更改标题

    Disqus 根据请求自动放置定义的标题 例如 添加新评论 我尝试在ready 上使用jquery更改它的值 dsq new post h3 text Paticipa con tu cuenta favorita 没有成功 我如何知道 d
  • jQuery/JavaScript“this”指针混淆

    当函数时 this 的行为bar被称为让我困惑 请参阅下面的代码 当从单击处理程序调用 bar 时 有什么方法可以将 this 安排为普通的旧 js 对象实例 而不是 html 元素 a class with a method functi
  • 如何使用 jQuery 显示“忙”指示器?

    如何在网页中的特定点显示旋转的 忙 指示器 我想在 Ajax 请求开始 完成时启动 停止指示器 这真的只是显示 隐藏 gif 动画的问题 还是有更优雅的解决方案 您可以只显示 隐藏 gif 但您也可以将其嵌入到 ajaxSetup 中 以便
  • 如何比较 JavaScript 表格中的单元格并测试是否相等? indexOf 是如何工作的?

    我在 HTML 代码中创建了一个表格 它有 9 列和 13 行 它被 JavaScript 循环完全填满 该循环用几个数组中的人名填充它 但是 我想添加一个验证步骤 确保一行中没有两个单元格具有相同的值 并且每个单元格的值不会在其正下方的单
  • 由于 javascript jQuery 创建的容器 CSS,iScroll 4 停止工作

    我在 DIV 内运行 iScroll 4 但 DIV 的高度是动态生成的 并且搞砸了 iScroll
  • 单击表格行可显示更多信息

    我正在尝试使用 jQuery 来实现以下目标 当单击一个表格行时 会显示表格行内的 info div 如果单击另一个表格行 则当前显示的任何其他 info 元素将被隐藏 并根据表格行显示新的 info div已被点击 这个问题是 代码无法正
  • jQuery 绑定效率

    我在数千个元素和输入上使用多个 jQuery 绑定时遇到加载速度问题 是否有更有效的方法来执行此操作 该网站能够通过ajax调用在产品列表之间切换 页面无法刷新 有些列表有 10 个项目 有些有 100 个 有些超过 2000 个 当我开始
  • Jquery 和 Django 多个复选框

    我是 jquery 的初学者 所以请耐心等待 我有一个 jquery 函数 允许我选择多个复选框并创建一个字符串 如下所示 function getSelectedVals var tmp input name checks each fu
  • 当内部元素滚动位置到达顶部/底部时防止父元素滚动?

    我有一个小 浮动工具箱 一个带有position fixed overflow auto 效果很好 但是 当在该框内滚动 使用鼠标滚轮 并到达底部或顶部时 父元素 接管 滚动请求 工具框后面的文档滚动 这很烦人 而不是用户 要求的 我正在使
  • 有没有一种方法可以在没有输入的情况下发送表单值

    假设我有以下表格
  • jquery悬停一次?

    jquery 使悬停函数执行一次然后停止的方法是什么 one 不起作用 button color 2 hover function dosmth 谢谢 Hover http api jquery com hover 绑定处理程序鼠标输入 h
  • 取消选择所有复选框后,客户端过滤器显示所有项目

    加载时 复选框将取消选中 并显示所有列表项 当选中过滤器时 将显示相关的列表项 我遇到的问题是 当您再次取消选中所有复选框时 我需要显示所有项目而不是隐藏 这是我的小提琴 http jsfiddle net amesy B9Hnu 124
  • 如何显示接下来的三个图像单击加载更多按钮

    我需要一个加载更多按钮来显示图像 页面加载时 我显示 3 个图像 单击 加载更多 按钮后 接下来的 3 个图像将显示在屏幕上 我尝试了下面的代码 但它不起作用 你能帮我解决这个问题吗 function item slice 0 2 show
  • jquery 中的函数返回未定义[重复]

    这个问题在这里已经有答案了 我在 jquery 中调用的函数返回未定义 我检查了该函数 当我对其进行调试时 它返回正确的数据 function addToPlaylist component type add to pl value pl
  • iphone jquery 移动闪烁问题

    我在 iPhone 上使用使用 jQuery mobile 开发的应用程序时遇到闪烁问题 我尝试了互联网上提供的几种解决方案 包括 CSS 更改 将过渡设置为 无 甚至在 jquerymobile js 中注释代码 但没有运气 我使用的 J
  • 可以禁用幻灯片的触摸模拟但不能禁用滚动条(危险的滑动器)吗?

    我的页面上有一个危险的滑动器 它成功地模拟了幻灯片和随附滚动条上的触摸事件 允许单击鼠标并移动以向左或向右滑动幻灯片 这很好 但我现在在滑动器内的幻灯片上调用了可拖动 这意味着我需要停止此触摸模拟 拖动幻灯片并同时移动它们会引起混乱 但仅限
  • WordPress 子主题包括包含文件

    我在一家WordPress使用 AMPPS 作为本地主机在我的本地计算机上进行设置 使用 Delta 主题 我创建了一个子主题 delta2 child 初始设置效果很好 但是 我需要更改包含文件夹中名为 home slider php 的
  • Google Apps 脚本中 $.ajax() 的服务器端等效项是什么?

    我想在 Google App 脚本中从服务器端代码执行 HTTP 请求Authorization标头 是否有用于发送 HTTP 请求的 App Script API Google Apps 脚本中的这段代码相当于什么 var api URL
  • 将网站加载到 DIV 中

    当我在文本框中写入 URL 然后单击提交按钮时 如何实际从网站检索数据 我希望将数据放入我拥有的 div 中 这可能吗 我已经尝试过这个 但它不起作用
  • Cycle2 初始化事件未触发

    我使用 Cycle2 作为基本的轮播 我的幻灯片项目有时在其数据中包含一个 url 因此我必须使用 Cycle2 api 事件来使用该 url 当它存在时 我的问题是 虽然 cycle after 事件触发正常 但初始化事件都不会触发 因此

随机推荐

  • pySerial - 有没有办法同时选择多个端口?

    我正在开发需要与许多串行端口通信的应用程序 我还没有找到一种方法来做到这一点而不使用每个端口的线程 有没有办法用单线程来做到这一点 比如同时在多个端口上选择或轮询 我正在使用 pyserial 2 6 我假设您在类 Unix 平台上使用 P
  • 对于无法将 Span 传递到 lambda 表达式的有效替代方案是什么?

    我有一个这种形状的函数 可以进行一维求根 public delegate double Fun double x object o public static void Solve Fun f out double y object o y
  • 使用 SpreadSheetGear 获取数据行数?

    我查了一些网上资源 也许我是瞎子 但我还无法找到答案 我正在上传一个文件 将其转换为流 然后将其输入 SpreadSheetGear 现在 我需要循环遍历每一行并读取数据 这很好 到目前为止 这是我的代码 IWorkbook wb Fact
  • 在图像上绘制文本

    我以前从未接触过绘画 所以遇到了一些问题 我似乎无法让这段代码的输出工作 文件正在保存 但未在文本上绘制 谁能看到我可能做错了什么 编辑 一个愚蠢的错误 图像的背景是白色的 画笔颜色是 然而 正如我所期望的那样 文本并未居中 有什么想法为什
  • 如何确定街景全景地图正在使用的视野

    我注意到每个街景缩放级别的视野 FOV 度在浏览器之间是不同的 我相信记录的街景视图缩放级别到 FOV 是 0 180 1 90 2 45 3 22 5 4 11 25 我正在使用带有街景全景图的 v3 地图 API 并在 chrome 中
  • 我的 LLVM 和 clang (OSX) 版本是什么?

    在 Mac OS 上 如果我运行clang version I get Apple LLVM version 6 0 clang 600 0 34 4 based on LLVM 3 5svn Target x86 64 apple dar
  • python中有内置的跨线程事件吗?

    python 中是否有任何内置语法允许我向问题中的特定 python 线程发布消息 就像 pyQt 中的 排队连接信号 或 Windows 中的 PostMessage 一样 我需要这个来实现程序部分之间的异步通信 有许多线程处理网络事件
  • 将 std::vector 项传递给可变参数函数

    我正在使用海湾合作委员会4 6 假设有一个参数向量 v 我必须传递给可变参数函数 f const char format 这样做的一种方法是 void VectorToVarArgs vector
  • JSON.stringify() 转 UTF-8

    据我所知 Javascript 从根本上使用 UTF 16 作为字符串标准 使用 JSON stringify 我可以从对象创建 JSON 字符串 该 JSON 字符串是 UTF 16 编码的吗 我可以将该字符串转换 希望能很快 为 UTF
  • R 更新后无法安装软件包:无法访问存储库索引:无法加载互联网例程

    我使用 RStudio 昨天我将 R 更新到以下版本 R version 4 0 0 2020 04 24 Arbor Day Copyright C 2020 The R Foundation for Statistical Comput
  • 无法构建PlusClient

    import com google android gms common ConnectionResult import com google android gms common GooglePlayServicesClient Conn
  • 如何向网络浏览器发送推送通知?

    过去几个小时我一直在阅读有关推送通知API and 网络通知API 我还发现 Google 和 Apple 分别通过 GCM 和 APNS 免费提供推送通知服务 我想了解我们是否可以使用桌面通知向浏览器实现推送通知 我相信这就是 Web 通
  • 如何检查列表是否包含空元素?

    假设我有一个空字符串 它将被分割 gt gt gt split 分裂的结果是 I use bool检查它是否为空 它会返回True gt gt gt bool True 如何检查分割结果是否为空 With bool 你正在检查列表是否 有任
  • Azure 应用程序注册时的 API 权限问题

    我在 Azure Active Directory gt 应用程序注册下注册了一个 API 应用程序 此 API 应用程序公开端点 组织内部的客户端将访问这些端点 客户端不是用户 而是将访问端点的后台服务 当我尝试向客户端授予访问 API
  • django select_for_update 和 select_lated 在同一查询上?

    有谁知道是否可以在单个查询中同时执行 select for update 和 select lated 语句 例如 employee get object or 404 Employee objects select for update
  • 如何使用 X509TrustManager 验证 android.net.http.SslCertificate?

    安卓的WebViewClient calls onReceivedSslError当它遇到不受信任的证书时 但是 那SslError我在该调用中收到的对象没有任何公共方式来访问底层X509Certificate根据现有的验证它TrustSt
  • 如何在数组中存储多种数据类型?

    我正在寻找类似数组的东西 但它需要存储多种数据类型 Oracle Java 教程说 数组是一个容器对象 它保存固定数量的单一类型的值 那么 如果我不能将一个数组用于多种类型 我该使用什么 我的这段代码一次只向地图添加一个标记 因为它会在每个
  • 带有字节数组的邮件附件

    我有一个名为 lSession 的 javax mail Session 和一个 MimeMessage lMessage Session lSession Session getDefaultInstance properties Mim
  • Python3 - 在 __eq__ 方法中使用 super() 会引发运行时错误:super(): __class__ cell not found

    我是猴子修补 eq 一个类的方法 我发现以下工作有效 def eq obj other if isinstance other str return obj name upper other upper else return object
  • 使用 jquery 仅创建一个开始 div 标签

    好吧 我已经在这个网站上搜索了很多 但似乎找不到答案 所以我将以更好的理由问同样的问题 我正在尝试使用 jquery 添加一个开始 div 标签 当我尝试使用 after 时 我最终得到了 我知道 jquery 不喜欢像我想要的那样本地创建