问题标签 [jquery-wrap]

我试图more变成一个超链接，但这就像它完全忽略了最后一个包装。

假设有一个具有多种样式等的复杂网站。该网站上也有许多图像可以定位、内联、块或其他。

我想做的是在每张图片上方放一个小叠加图标！

第一次尝试是position:absolute span在正文末尾为每个图像创建一个图像图标并将其移动到图像上。问题：如果网站上的某些内容移动、隐藏或显示，则图像可能也会移动，但图标叠加层会保留，因此图标将不再位于图像上方。

因此，我想使用jQuery.wrap将每个图像包装在一个 div 中，position:relaitve然后我将图标叠加层也放在该 div 中并将其放置在 div 内。因此，如果div+image移动，图标也会移动。

问题是 div 必须以某种方式对上下文、网站结构和 dom 没有影响，这样它才不会破坏网站的布局。我怎样才能创建这样一个“中性”的 div？

我的代码的简化版本：

我在一个元素中有文本内容h1，我想将第一个元素之前的所有内容包装br成span.

这是我的开始：

这就是我想要结束的内容：

我正在为我正在使用的移动购物车应用一些 jquery。每个产品都包含在一个带有产品类的 div 中。在每个产品中，缩略图和详细信息都有一个单独的 div。我想收集 div 类操作中的第一个链接并将其包裹在缩略图图像周围。然后我希望它为下一个产品重复，依此类推。谢谢。

这是一些显示产品流程的示例 html：

我试过这样的代码：

我想将图像元素包装div在 Polymer 1.0 的元素中：

我不知道如何包裹this.$.avatar里面$container。

我正在寻找类似 jQuery 的解决方案，如下所示：

我有两个带有两个不同 megamenu 设置的链接：

• 使用效果和toggle下拉菜单 ( , )。click3 column widthcolumn-width-3mode-click

• 该Products链接使用hover带有full width column( column-justify, mode-hover) 的效果。

源代码：

我使用该wrap()函数添加一些额外的代码以使click/hoverand成为column width可能。

我遇到的问题是，虽然Products链接有column-justify和mode-hover类，但宽度是column-width-3（与 相同toggle）。

另外，对于这两个链接，悬停效果都用于两个链接（而toggle单独应该打开click mode并且hover mode用于Products链接）。

我刚开始学习js，需要一点帮助：我有以下功能：

我准备了一个js.fiddle#cl1 - 正如您在单击文本区域时从 console.log 中看到的那样，即使.cl.active随着相应的 TAB 切换，eventListener 也总是监听。

如果处于活动状态，则文本区域中的事件只是相关.cl的。我的目标是将所有三个 eventListener 包装成一个并将事件应用于活动流中的文本区域，但我尝试的所有方法都出错了......有人可以帮忙吗？#不要重复自己#DRY

其wrap();本身运行良好，但当它在 之后调用时load();，它不会。

可以做些什么来让它发挥作用？我试图将wrap();代码放在单独的 .js 文件中，但这不起作用。我还尝试加载wrap();inside:$( window ).on( "load", function() { ... })然后将其放在 html 的页脚中，这也没有解决问题。

这是我的代码：

编辑 1# & 2#:

我需要将每个.gallery-item从https://webhelytervezo.hu/#gallery-1加载到带有类（https://webhelytervezo.hu/en/）的页面和带有类（https:// /webhelytervezo.hu/en/）。该代码仅适用于主页（内容未加载但无需加载）。#partner.page-id-202.page-id-201

编辑3#

现在代码是：

我怎样才能简化它？