问题标签 [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 投票
1 回答
591 浏览

javascript - jQuery包装多个独立于级别的元素

这是我在 stackoverflow 上的第一篇文章。到目前为止,我总能在这里找到答案,但这次我找不到。

这是我的 DOM 结构:

如何将 2 个或更多选定的“随机”元素包装到包装容器中?如果选定的元素在不同的级别上并且中间有其他元素,这也应该有效。所有其他元素的 DOM 结构不应受到影响。

下面举几个例子:

示例 1:

我虽然是这样的:

结果应如下所示:


2 示例:

元素处于不同的层次。

结果:


示例 3:超过 2 个元素:


示例 4:不同的树:

0 投票
1 回答
314 浏览

javascript - 如何将 div 包裹在项目周围?

我的代码围绕每 5 个子 div 包装一个 div。但是包装应该只发生在div“partnerwrap”中,有人可以帮我吗?

JSFIDDLE:http: //jsfiddle.net/nvnLa/1/embedded/result/

0 投票
3 回答
140 浏览

javascript - jQuery .wrapAll() 重置嵌套元素的滚动

请看下面的小提琴:

http://jsfiddle.net/ardoramor/UzJqd/

当小提琴加载时,带有类的 DIV.wrapper向下滚动 200px。这包括所有嵌套的.wrapper. DIVs as well. After 5 seconds, trigger.wrapAll() will be executed on the children of.container . The content of the.container class will be wrapped by a new DIV with.wrapAll class. You will notice that the red and blue areas jump and you can now see the topand` 元素。这是由于包装而发生的。

注意:这是一个非常简化的示例。实际上,我现在将知道.wrapperDIV 的内容。此外,可能有多个带有滚动的此类元素。我的问题是容器的孩子是否可以在不重置滚动条的情况下进行包装。

0 投票
2 回答
67 浏览

javascript - jQuery wrapAll 类别 1、类别 2 等

我希望能够在父元素中包装多个具有相同类(例如 category-1)的元素。我知道这可以用jQuery wrapAll(). 那里没问题。
但是我想要做的是用 class 包装所有元素"category-X",其中 X 是我自己选择的数字。
我要创建一个数组吗?或者我该怎么走?

0 投票
1 回答
321 浏览

jquery - jQuery wrapAll / unwrap 打乱了定位

用 jQuery 包装 div 后,打开它们然后尝试再次包装它们似乎失去了 float 属性(我的猜测),我不知道如何解决这个问题。

当第一次按下 JSFiddle 波纹管中的换行按钮时,它会像我期望的那样对齐 div。然后我打开 div 并将它们放回原来的位置,这也很好。但是当我再次换行时,div 会一个接一个,而不是一个正方形。有什么想法有什么问题吗?

JSFiddle

HTML

CSS - 见 JSFiddle。它只是设置容器的定位、其中的四个 div 和包装。

JS

0 投票
1 回答
993 浏览

jquery - jQuery:用 nextUntil() 包装元素

我想将每对 dl + table 包装在一个 div.box (浮动)中,但只能直接在 h2#match 下,直到后面有其他东西(.foo 或标题)。

nextUntil()单独包装 dl 和表格。

Atm 测试组被错误地包装。

测试:http: //jsfiddle.net/GQwB5/

期望的结果:http: //jsfiddle.net/kppQ9/

0 投票
1 回答
1304 浏览

jquery - 将一组 div 包装到下一堂课

我有以下内容;

我正在尝试根据第一个 morepad 将它们分组,如下所示。

我尝试了以下方法:

0 投票
2 回答
217 浏览

javascript - 如果没有包裹起来,如何用 div 容器包裹元素?

我试图用 div 容器包装以下元素,如果它没有包装的话。

如何解决这个问题?

0 投票
2 回答
51 浏览

javascript - 如何用 span 包装两个动态创建的元素?

我需要创建两个元素<img><i>用元素包装它div

我有代码来包装单个元素,例如:

但我需要用那个元素来包装<img>两者。<i>span

0 投票
0 回答
158 浏览

javascript - 按类选择列表项并换行

在这种情况下,我正在寻找包装列表项。

这个 HTML 是 cms 的产品。

我需要用 jQuery 用相同的字母类来包装所有 li。

这就是我要的:

我怎样才能做到这一点?

小提琴