问题标签 [replacewith]

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 回答
3770 浏览

jquery - 用 div jQuery 替换 img

我正在寻找将带有类的图像替换为其中带有文本的 div,我该怎么做?

我知道代码搞砸了,但这只是为了描绘我正在寻找的东西,有什么建议吗?

0 投票
3 回答
5294 浏览

jquery - jQuery .replaceWith() 替代

我的网站使用 jQuery 1.4.2。问题是.replaceWith()在 jQuery 1.4.2 的 IE6 和 IE7 中不起作用。jQuery 1.4.2 中是否有 IE6 和 IE7 支持的替代方法?

小提琴在这里:http: //jsfiddle.net/8CEwf/1/

我知道,它似乎没有附加 jQuery,但如果你查看 HTML,jQuery 就在那里,因为 jsFiddle 不提供版本 1.4.2

HTML:

脚本:

0 投票
1 回答
409 浏览

jquery - jQuery replaceWith() 麻烦

我正在尝试在由 jQuery Cycle Plugin 提供支持的滑块中重置 Flash 内容。

我想做的事:

  • 用空 div 替换之前“.slide”中的每个“.flash”,
  • 用以前的 .flash 数据替换创建的空 div。

我知道这听起来很愚蠢,但这是一种重置工作 Flash 内容的好方法,最好的替代方法(删除和附加)会导致很多样式问题,而且我不想使用任何 swfobject.js 和其他 API。当然隐藏也不是一种选择。

使用 Cycle Plugin 提供的“after”回调一切正常,但不知何故我无法检索原始的 .flash 内容,我的回调函数的最后一行只是什么都不做,并且 .flash 被永久替换为空 div:

问题是最后一行不显示原始 FlashContent。

我试图从函数中设置 FlashContent 和 FlashContentHolder 变量以更改范围,但这不是重点,我想第一行是问题所在,因为我正在删除一些东西然后搜索它,所以我什么也没得到返回?

此功能可以正常工作并且完全符合我的需要(但不会在原始位置显示 .flash 视频,而且我不能使用绝对定位):

这实际上适用于小问题(见上文)。

有任何想法吗?

0 投票
1 回答
443 浏览

jquery - 使用 jQuery 和 replaceWith 插入 HTML 后调用和运行函数

我有一个 jQuery replaceWith 将一些图像链接加载到 html 中。我正在尝试(重新)在这些图像上应用循环插件,以便它们形成一个画廊。
我玩过 .live 但似乎没有任何反应。

这里有什么明显的错误(除了有比使用 rplaceWith 更好的方法)
我的猜测是我必须在 replaceWith 之后调用函数幻灯片,即使其他帖子说这应该可以正常工作......

0 投票
5 回答
818 浏览

javascript - 如何使用 javascript 或 jquery 从标记中替换或删除包装 div 并将动态内容保留在其位置?

我有一个 rss 小部件,它生成这些奇怪的 div,这些 div 会影响博客文章的布局。这些 div 围绕和图像,只有一段文本将其他应该环绕图像的段落向下推,创建了非常尴尬的空间块。

以下是现有标记的示例:

我想要做的是删除包装div 类分隔符并替换为其中的内容。这个 div 的每个实例都有不同的内容。

所以我尝试使用以下 jquery 脚本,但它不起作用,因为内容没有包含在子 div 中,所以这就是我卡住的地方:

谢谢你的帮助!

0 投票
2 回答
1819 浏览

jquery - 替换 DOM 元素的位置并保留其事件

我正在编写一个获取表格并允许更改列顺序的 jquery 插件。
将位于 oldIndex 位置的列放在 newIndex 位置的代码是:

问题是每个 td 都有超出此代码的事件。使用时replaceWith,它会删除这些事件。

有什么想法可以替换 DOM 元素的位置并保留其事件吗?

0 投票
2 回答
112 浏览

jquery - 我无法将 DOM 从一个遍历到一个 ...?

概述

我非常感谢任何帮助。我确定这很“容易”,但我无法弄清楚。我必须使用选择器来选择唯一的图像文件名。然后我需要替换<td>它所在的右侧的一<td><img>

我有当前的网站,我还制作了一个图表来帮助更好地解释这一点。检查以下两个链接: 网站:http ://www.writeguard.com/catalog/Checks/LaserInkjet-Checks 图:http: //goo.gl/Q3Uif

问题

上述网站的链接没有问题。我们在 oscommerce 中进行了“特许经营”自定义修改。只有拥有特定帐户的客户才能登录我需要帮助的地方。我制作的图表描述了它,很简单。就这样你拥有了我的“拼图”的所有“碎片”,这就是我.replaceWIth()为主站点做的事情。此示例适用于顶行...对于需要修改的每一行,我都有其中一个。

我认为这根本没有效率。但就我现在遇到的这个问题而言,我需要能够做我在顶部描述的事情。选择<img>它的文件名,然后导航 DOM,这样我就可以使用它.replaceWith()来实现我上面描述的相同的事情。我尝试了很多不同的选择器,但它们都不起作用。它总是最终在表格数据中的表格数据中生成表格数据,直到页面实际上是 10 英尺长。我不知道我哪里错了。

如有必要,我很乐意提供更多详细信息。我显然对 jQuery 不是很有经验,而且我的方法可能是一场噩梦。我想尽快学习使用 jquery 编程的正确、有效的方法。非常感谢您的帮助!

0 投票
4 回答
7914 浏览

jquery - 在 jQuery 中执行 .replaceWith() 时,不会保留事件绑定

这是一个精简的例子。

请记住, .chat-reply 类绑定了一个点击事件处理程序。

HTML(回复按钮):

当有人单击另一个按钮,该按钮将消息发送到服务器以保存在数据库中时,将调用此 jQuery 函数。这是通过 ajax 完成的,并且成功完成。在前面提到的 .ajax() success() 回调中,这个函数被调用:

上面成功回调中的“数据”将替换整个.container div,包括子 .chat-reply 按钮。在这个 replaceWith() 之后,click 事件不再绑定到按钮。

从逻辑上讲,我试图让最终用户将消息发布到时间轴,然后在时间轴中显示该消息,而无需刷新屏幕。

0 投票
3 回答
1811 浏览

javascript - 在用jquery替换时添加onclick事件

我在将 onclick 事件放在 jquery 上的 replaceWith 上时遇到问题。我在第二次 onclick 事件中的功能不起作用。这是我的示例代码。

示例.html

我的.js

当我单击 first_div 时,它可以工作。它显示了 2nd_div,但是当我单击 2nd div 时,它什么也不做。

0 投票
1 回答
7054 浏览

javascript - 如何在 jquery 中结合 append() 和 replaceWith()?

有没有一种 Jquery 方式来组合append()replaceWith()

我在每个站点上都有一个 JQM 项目的登录表单。由于多个页面将被加载到 DOM 中,因此当用户从一个页面转到另一个页面时,我需要“沿”移动长表单,以避免在 DOM 中出现重复的 form#ids。

我的问题:我可以这样做:

但是有没有办法“追加和替换”,所以我可以用一行代码来做到这一点?

感谢帮助!

编辑:更多信息 这是我在pagebeforehide上运行的脚本:

我需要将我的页面保存在我的应用程序的 DOM 中。所有页面都有一个登录/注销弹出窗口,其中包括一个表单和带有 ID 的输入。因此,如果我的 DOM 中有 10 个页面,我将有 10 个带有 10 个表单和每个 ID 10x 的弹出窗口。我会自动插入弹出窗口,因此如果用户直接调用子页面,它们就会出现。但是,一旦用户转到下一页,我需要确保第一页上的表单附加并替换第二页上的表单。

希望现在很清楚。

以上仅替换了新页面上的表单,但仍将其保留在旧页面中。