问题标签 [wrapall]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
1824 浏览

jquery - 用 div 包裹所有元素

我一直在这个网站上,但还没有找到我的答案。我正在尝试将所有 div 包装到一个包装器中。到目前为止,我使用 wrapAll 所能做的就是在每个 div 周围添加一个容器。我不想那样做。我有这个

我需要把它变成这个

这可能与Jquery有关吗?

0 投票
1 回答
45 浏览

jquery - jquery:包装n个兄弟并将它们放在n个元素后面

我正在摧毁自己以找到一个在 JQuery 中工作的解决方案,以解决以下问题:在一个容器内,我有一堆项目和模式。

根据屏幕解决方案,我想将模式包装在一行内,并将该行放在最后一个相关项目之后。

这是起始列表的样子:

要在 3 个项目之后显示包含 3 个连接模式的行,结果应如下所示:

我还尝试在这里设置一个小提琴:fiddle,但我根本无法让它工作。你们中的任何人都可以提供帮助吗?

非常感谢,汤姆

0 投票
1 回答
46 浏览

javascript - 扫描两个 HTML 元素之间的文本并使用 .wrapAll() 函数包装它们

我正在处理论坛网页,但不允许在网页中编辑 HTML。我想隐藏文本,直到悬停。这是 HTML 代码的粗略示例:

我知道有 .nextUntil() 和 .wrapAll() 函数,但我就是无法让它正常工作。我遇到的另一个问题是比较标签和
标签之间的信息,以确保我只将我想要的文本包装在一个 div 中。我的目标是将该文本包装在一个 div 中,以便我可以给它一个类并使用 css 对其进行操作。

编辑 1: 我没有提供任何 JS 的原因是因为我只测试了使用 .nextUntil() 和 .wrapAll() 的片段。这就是我所拥有的一切,而且是零碎的:

(只是测试看看这是否可行:)

(另一个测试)

(另一个测试)

0 投票
1 回答
36 浏览

jquery - 将所有内容包裹在 hr 元素之间

试图找到一种方法在代码中的 hr 标记之间包装所有内容,但到目前为止还没有。对代码有什么建议吗?

这就是我现在正在做的事情(也作为小提琴):

0 投票
1 回答
161 浏览

javascript - 如何将多个跨度包装到一个div中

我有一个将所有行包装成一个跨度的 JS 代码。我知道我应该使用wrapall,但不知道从哪里开始。现在我正在尝试找到一种方法将每个跨度包装到一个 div 中,但总共限制为 4 个跨度。因此,例如,如果我有 5 个跨度,我将如何将 4 个跨度包装到一个 div 中,将最后一个跨度包装到一个 div 中,如下所示:

工作示例:

0 投票
1 回答
341 浏览

jquery - 如何将一定数量的 div 包装在另一个 div 中?

将一定数量的 div 包装到另一个 div 中的最佳方法是什么?例如,如果我有 19 个 div,我如何将wrapAll其中的 9 个分组,并且即使低于 9 个仍然分组。

这就是我现在所拥有的。如果它是 4 它可以工作,但是当我尝试做更多时,它会复制其他元素的内容。

0 投票
3 回答
145 浏览

javascript - 如何将所有子元素包装在一个类中?

我有一个函数可以拆分元素中的所有行并将它们包装在<div>. 例如,如果我有一个看起来像这样的元素:

然后它像这样包装所有行:

我遇到的问题是我正在寻找一种将这些物品包装在另一个中的方法,<div>例如:

到目前为止,我已经尝试wrapall使用.each函数,但它做了 4 层包装,如果我有多个元素,它将获取所有元素并将它们放在第一个元素中。

我的问题是:如何将所有孩子包装成一个<div>

我的工作代码:

有问题的部分:

0 投票
1 回答
104 浏览

javascript - 使用包装类将每 2 个不同的元素包装在特定的 div 中

我正在尝试用我的自定义 div 包装每两个元素。这是我的代码:

我想去得到:

问题是 tehre 是两个不同的元素labelinput我不能在那里添加一个类。如果只有输入,我可以使用 jQuery wrapAll。但我不知道如何用 jQuery 完全包装两个不同的 html 元素。