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

jquery - 正确使用 .replaceWith() 创建密码验证器

我正在尝试创建一个简单的表单来验证用户输入的第一个密码和第二个密码是否确实相同。如果是这样,我想在密码输入的右侧显示一个图像来确认这一点。

我已经得到了代码的大部分工作。但是,我似乎无法让 replaceWith() 正常工作。如果用户输入第一个密码,输入第二个密码并且两者都相同,则下面的代码将显示正确的图像。但是,如果用户编辑了导致差异的第一个或第二个密码,则 replaceWith() 不会更改图像来表示这一点。

任何对我遗漏或使用不正确的见解都会很棒。

谢谢!

这是HTML:

这是jQuery:

0 投票
2 回答
2471 浏览

jquery - jQuery 淡出 => 替换 => 淡入

我对 replaceWith fadeIn 和 fadeOut 函数有一个小问题:

表单淡出,但没有其他任何事情发生 - 它删除了表单,但什么也没有替换它。

知道这里可能出了什么问题吗?

它实际上是对象字面量的一部分——它是这样的:

0 投票
1 回答
695 浏览

jquery - jQuery replaceWith() 文档

我正在阅读 jQuery 文档,发现了一个我不完全理解的 replaceWith() 示例(来自http://api.jquery.com/replaceWith/的最后一个示例)。我将在 jQuery 文档 replaceWith() 页面上发布一个指向这篇文章的链接作为评论,以帮助其他刚接触 jQuery 和 DOM 操作的人。

具体来说,我不完全理解“$container”在以下方面的行为:

我期待上面的代码将单词“inner”附加到“p”内容中,因为在创建变量时调用了“replaceWith()”方法:

但是,“$("p").append($container.attr("class"));" 实际上附加了“容器”这个词,而不是“内部”这个词。

似乎变量“$container”实际上引用了被替换的 div,“$("div.container")”,而不是替换内容,“$(this).contents();”。

两个问题:

  1. 在这种情况下,“replaceWith()”在做什么?
  2. 操作顺序或我没有看到的“attr()”方法有什么特别之处吗?

这是完整的代码:

0 投票
1 回答
85 浏览

jquery - 用新类替换类,而不保持新类相同,无论我们从哪里获取它

我想用新代码替换代码。我用 replaceWith 替换了函数。但是它从以前的位置删除了新类。我希望那个班级留在以前的地方,需要更换另一个班级。怎么做??例如:$('.popinner').insertAfter($('.rContentPopUp')); 当我这样做时,“.rContentPopUp”正在替换“popinner”类。BUt ".rContentPopUp" 已从旧结构中移除。

0 投票
2 回答
2934 浏览

javascript - replaceWith() while 元素 fadeOut() 和 fadeIn() 在 JQuery

我要做的只是淡出容器内的所有图像,将#next1的图像替换为#active,然后再次淡入所有图像。

这是我的代码:

这不起作用。我发现自己看着空的#active

但是这个;

使替换很好,但不是我想要做的动画。

我使用 chrome 和 ie 得到相同的结果。

0 投票
2 回答
1775 浏览

jquery - jQuery replaceWith 不保留指向 DOM 中元素的链接?

在某一点:

之后:

显然 el 在第一次替换后不再存在...

我可以以某种方式保留el新内容吗?

0 投票
2 回答
114 浏览

jquery - jQuery用指定的类名替换css样式

我有一个带有 html 内容的字符串 var,请检查以下内容

var dc = "<html><head><style type='text/css' >.round {border:2px solid grey;width:auto;}</style></head> <body></body>";

现在我该如何更改范围内的内容。我的.round意思是border:2px solid grey;width:auto;

我可以使用replaceWith或任何其他技术吗?

请回复,谢谢。

0 投票
3 回答
3548 浏览

jquery - jQuery.replaceWith 不需要