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

jquery - jQuery Accordion 扩展每日活动列表

我正在尝试让 jQuery 手风琴展开/折叠日常活动列表。

整个事件列表在里面<div id="accordion"><!-- events here --></div>

例如,每天都有一个<h3>包含在手风琴 div 中的标题,其中包含 date <h3>Tuesday, October 20, 2015</h3>。每个单独的事件都在日期标题下方的列表中。该列表使用类按天对事件进行分组,因此 10 月 20 日的事件都将具有<li class="Oct202015event">.

我认为,为了让手风琴正常工作,我需要将每天的事件列表包装在 a 中,然后将获得适当的展开/折叠类。

我到目前为止是这样的:

我对此有一些问题。

  1. 页面加载时所有列表都应折叠,目前它们都已展开。
  2. 我使用的代码没有正确环绕<li>

这是我正在使用的页面

0 投票
4 回答
263 浏览

javascript - 如何在下一次出现之前包装所有 HTML 代码

?

应该在 jQuery 之后:

因此,之后的所有 HTML 代码</span>都应该包装在一个 div 中,直到下一次出现</p>

我尝试了什么:

或者:

也没有用。

0 投票
2 回答
40 浏览

javascript - jQuery 中令人困惑的 wrapAll

我在几个 li 中有几个 p 如下所示,还有https://jsfiddle.net/y5zn538e/

我想包装一个 div 使它像下面的第二个一样包装

我尝试如下:

但是,这似乎不起作用..我的意思是它所做的一切都需要所有 p 并包装它。我想在每个 li 中包含一个 div 吗?

0 投票
4 回答
490 浏览

javascript - Jquery 使用打开和关闭标记包装元素集

我有一组不同的元素,例如:

我想用 div + class 包装所有这 3 个元素,所以它看起来像这样:

我尝试了jQuery中的 、 、wrapwrapAll更多方法,但没有一个奏效。beforeafter

所有这些方法 add <div id="new">,但立即关闭,div如下所示:

我需要的只是一种div在之前添加 OPEN 的方法:

div在最后一个元素之后关闭:

0 投票
2 回答
142 浏览

jquery - 使用 jQuery 选择元素,直到元素具有特定的类,将 wrapALL 应用于每个集合

我的html如下

我想使用 jQuery 来选择元素组。该组从类 beginFlex 开始,到 endFlex 结束。然后我想应用 wrapAll() 以便我得到如下代码:

0 投票
1 回答
735 浏览

javascript - WrapAll() 在具有多个外观的多个类上

假设这是我的 HTML

现在我想换.product-thumbnail.product-price

像这样

如果我只有一个列表项,则此代码可以解决问题

我试过了each().product-thubnail.product-price没有结果..

有谁知道我该怎么做或怎么做each()

0 投票
1 回答
66 浏览

javascript - 如何用 div 包装附加链接?

如果使用 jQuery 的父 div 中有超过 4 个链接,我正在尝试将链接包装在 div 中:

我想变成这样:

0 投票
1 回答
644 浏览

jquery - 将元素列表拆分为组

我想将元素列表分成 4 个组,除了最后一个应该只包含 2 个元素。

xxxxxxx
xxxxxxx
xxxxx x
xxxxx x

这将分成 4 个 el 的组:

https://jsfiddle.net/p13rcd1c/

使一个组仅包含 2 个元素的方法是什么?

0 投票
2 回答
411 浏览

jquery - jQuery“wrapAll”重复内容

我对wrapAll jQuery 函数有疑问。我正在创建一个 Wordpress 主题,我需要桌面上的菜单元素与移动设备上的菜单元素略有不同。长话短说,我需要将一些菜单项包装到一个 div 中。

所以这里是涉及的 HTML 代码,在我调用我的 jQuery 函数之前(我自愿不包括上 ul 和 li 父母以简化问题):

哇,我所做的是为我想要包装的每个菜单项添加一个类( el--right )。我检查elements__right div 是否存在以避免多次创建它,然后我将所有el--right项目包装到elements--right div。

然后我有这个函数(jq用于 noConflict),它在 document(ready) 上被调用:

所以我想要的结果如下:

但是内容是重复的。奇怪的是,它在没有菜单项 ID 的情况下重复:

如果有人知道发生了什么,我将不胜感激。非常感谢 !

0 投票
1 回答
189 浏览

javascript - 将每个 x 元素包装成一个 div,然后(在 x wrap 之后)包装不同数量的元素(对于 x wrap)

是否可以创建这种循环?

例如:每2个div包装成一个div,然后(2个包装后)每3个div包装(3个包装)

我已经找到了关于这个主题的经典方法

请问有什么想法吗?

(我是初学者,如果弄错了请见谅)