问题标签 [dom-manipulation]

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

jquery - 使用 jQuery 将 div 动态添加到另一个

假设我有以下 DIV

我有一个 ajax 调用,将 HTML 标记附加到这个 div 使用

我想在响应内容之前将隐藏内容附加到主 div 所以结果是

我如何使用 jQuery 代码来做到这一点?

0 投票
5 回答
2717 浏览

jquery - 如何使用 jQuery append() 执行大量 DOM 插入(以正确的顺序)?

当我使用 jQueryappend()方法时,生成的 HTML 输出不是我想要的顺序。

正如您在下面的测试用例中看到的,任何时候我打开一个DIV标签而不关闭它,它仍然是关闭的。

标签也是如此<ul>- 在我预期之前它也被关闭了 - 我希望它在<li>应该嵌套在它下面的第二个标签之后关闭。

按照编写顺序构建大块动态 HTML 的最佳方法是什么?

0 投票
2 回答
1178 浏览

javascript - 使用 javascript/DOM 将对话框定位在浏览器窗口的可视区域的中心

我需要在浏览器窗口的可视区域中心放置一个对话框(读取 div)。我需要使用 javascript DOM 来执行此操作 - 允许使用 scrollHeight、scrollTop、clientHeight 等。单击链接时需要出现该对话框,否则它将保持不可见。

无法使用 JQUERY 创建模式对话框。

有人可以帮我解决这个问题的中心部分吗

问候

0 投票
3 回答
2419 浏览

jquery - jquery 用它的值替换每个输入。然后切换/切换回有输入

我有一个由 AJAX 请求创建的表。每个 TD 内部都有一个文本框输入。这允许用户编辑内容。我想要一个“只读”模式,用户无法编辑内容(由用户自行决定)。为此,我希望用户能够按下一个按钮(单选按钮也可以),将每个文本框输入替换为

包含文本框的值作为其文本的标记。目前,我的代码将每个输入替换为文本“对象对象”。(也许我没有正确地将值转换为文本字符串??)任何让我知道出了什么问题的提示都会非常感激。谢谢!!

这是我当前的脚本:

这是 HTML 的一个片段:

0 投票
5 回答
1973 浏览

javascript - 单击相应链接时,如何使用 jQuery 将标签更改为文本字段?

我有一个表格,当单击特定跨度时,我需要它之前的跨度从标签更改为文本字段。以下是表格:

现在假设单击 John Doe 之后的 Alter,它必须从 John Doe 更改为文本字段之前的跨度(这也适用于所有其他字段)。如果单击 John Doe 的更改跨度,结果将如下所示:

如果可能的话,我认为可以通过使用 :next 或类似的东西来使用 jQuery,我必须只使用类而不是 ID 来实现它。

另外,如果您认为我应该使用锚点而不是跨度,请告诉我。我使用跨度仅仅是因为 jQuery 中的 :next 和 :previous 功能。

任何帮助将不胜感激

0 投票
5 回答
489 浏览

jquery - 使用 jQuery 将 img 更改为带背景的 div

我想使用 jQuery 将所有具有特定类的 img 元素切换为具有背景的 div。所以这一切:

变成:

我想这样做,以便我可以使用 css3 绕过角落。CMS 用户,客户,将只能插入 IMG 元素。

提前致谢。

0 投票
4 回答
3250 浏览

silverlight - Silverlight 和视觉树操作

现在这可能比它的价值更麻烦,但尽管如此,它现在对我来说真的很有用。

我想知道的是如何在运行时操作 Silverlight 可视化树。做一些简单的事情,比如添加和删除控件很容易,但是当你开始以任何合理的复杂程度遍历树时,我发现自己渴望使用 JQuery 样式语法(我想 LINQ 也很酷)来处理 DOM 节点替换,动作等。

所以我想问题是是否有任何图书馆可以让这项工作变得更容易,或者是否有一些我错过的东西?

0 投票
2 回答
1301 浏览

javascript - 将大型元素/数据集附加到 dom 的性能

我一次添加大量表格行元素并遇到一些主要瓶颈。目前我正在使用 jQuery,但如果能完成工作,我愿意接受基于 javascript 的解决方案。

我需要在给定时间附加 0-100 个表行(实际上可能更多,但我将分页超过 100 个)。

现在我正在将每个表格行单独附加到dom ...

然后我立即将它们全部淡入

这里有几件事需要考虑......

1)我将数据绑定到每个单独的表行,这就是为什么我首先从批量追加切换到追加单独的行。

2)我真的很喜欢淡入淡出效果。虽然对应用程序来说不是必需的,但我对美学和动画非常重视(这当然不会分散应用程序的使用)。必须有一种很好的方法来对大量数据应用适度的淡入淡出效果。

(编辑) 3)我以较小的块/递归方式接近这个的一个主要原因是我需要将特定数据绑定到每一行。我的数据绑定错误吗?有没有比将其绑定到各自的数据更好的方法来跟踪这些数据tr


在递归函数中应用大块或小块中的影响/dom操作更好吗?

在某些情况下,最好选择其中一种吗?如果有,选择合适方法的指标是什么?

0 投票
3 回答
2077 浏览

jquery - 使用 jQuery 获取兄弟元素的内容

我需要使用 jquery 获取某些特定元素的内容,问题是我的页面上有相同的元素重复:

因此, div.content 在我的页面上重复了很多次,我只想获取单击按钮的 div 的内容。我在 .uiButton 上添加了一个 onclick 事件并尝试使用父级(“.txt”)或兄弟级(“.txt”),但似乎不起作用......

0 投票
1 回答
2122 浏览

javascript - 删除使用 JQuery 动态添加的 html 元素

在我的 html 页面中,我有一个带有一些选项的选择。
选择选项时,将选项的值传递给PHP脚本的Ajax调用,该脚本返回一个具有附加到页面的某个ID的HTML片段(另一个选择)。

当用户从第一个选择中选择另一个选项时,再次触发事件,执行 ajax 调用并将另一个 html 片段(具有相同的 id)附加到页面。

我希望,如果该事件被第二次触发,附加的元素会在附加新元素之前从页面中删除。

目前我正在使用这段代码:

但这不起作用,第二个 ajax 调用返回的 html 元素附加在第一个调用返回的元素之后(因为加载脚本时,id 为 #id_subserie_label 的元素不在页面中?)。

我怎样才能达到我所需要的?