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

javascript - 在两个孩子之间添加一个 DOM 元素

我想在两个孩子之间添加一个 dom 元素,特别是在最后一个之前。

现在我正在使用以下代码:

但这在最后添加了元素。

0 投票
3 回答
361 浏览

jquery - jQuery - 插入的锚标签没有正确换行

我有以下 jQuery 片段:

它可以工作,但问题是 prevAll() 函数选择的所有元素都附加到 prevDiv div 中,它们之间没有空格。这意味着这个 div 的内容(一组锚标签)不会换行。

如何在每个集合项之后添加空格或为每个元素强制换行?

编辑:根据要求,这里有一些演示问题的 HTML:

0 投票
1 回答
425 浏览

jquery - .html() 在同一类的所有元素上的 Jquery 优化

我的 JQuery 脚本进行了大量的 DOM 操作,在 Chrome 中运行顺畅(预期),在 Safari 中运行良好,在 Firefox 中运行良好。

让我们谈谈互联网浏览器...

当我运行一个执行一些 DOM 操作的方法时,以下代码会导致页面在处理时变白约 1 秒。评论说对速度影响很大的行:

我需要更新用于多达 500 个元素的 HTML。我尝试过使用循环,认为它几乎会立即更新前几个元素,并且可以处理其他元素,而用户不会注意到轻微的延迟。当我尝试使用.each()JQuery 循环时,它似乎没有任何不同,并且仍然会导致白屏大约一秒钟。

编辑: 通常设置的 HTML 如下所示:

缓存

我尝试将元素存储在变量中以启用某种形式的缓存

这似乎也没有什么不同。

有谁知道减少延迟/停止窗口变黑的替代方法?

0 投票
3 回答
15761 浏览

jquery - jQuery - .append() 和 .fadeIn() 不起作用

我在让这个工作时遇到了一些麻烦:

当我将鼠标悬停在 div 上时,它不会消失,它只是出现。不知道是什么问题 - 请告诉我!

0 投票
3 回答
91 浏览

javascript - css 可能是 jquery 帮助

我的设计师设计了以下导航

导航栏

他希望实现它,以便导航下方的黑条在页面加载时动画到当前页面(想想进度条)。没有明显的 PHP 我可以对它进行排序,以便当前a有一个类,以便我可以识别当前页面,但是我不知道如何为导航下方的栏设置动画,有人有什么建议吗?

0 投票
2 回答
1021 浏览

javascript - 使用 next() 函数的 jquery 帮助

我有一些看起来像这样的 HTML 标记,

.job_listingsdom 准备就绪时隐藏,需要在li.jobs a单击时显示,我已经使用以下 jQuery 进行了尝试:

0 投票
4 回答
4002 浏览

jquery - jQuery — 删除展开的文本但保留元素?

所以这里是代码:

我想把它改成这样:

我看到很多人问如何删除子元素并保留未包装的文本,但不是相反。你如何定位未命名的东西?

0 投票
4 回答
354 浏览

javascript - Ajax注释插入LI还是替换UL?

我正在优化我的评论功能,我在两种策略之间进行选择。我的评论列表是一个无序列表。

  1. 用响应中的 UL 替换 DOM 中的 UL。
  2. 将响应中的最后一个 LI 插入 DOM 中的 UL。

第一个选项更简单,但我觉得这不是最好或正确的方法。如果我想使用第二个选项,如果同时发布了多个评论,我如何知道响应中的哪些评论比 DOM 中的评论更新?

想法?

0 投票
2 回答
1178 浏览

jquery - 使用 jQuery.append 时绑定事件丢失

我有一个像这样的简单代码http://jsfiddle.net/9braK/2/

根据文档,这应该有效,对吧?

0 投票
2 回答
700 浏览

jquery - jQuery - 如果类中有特定单词,则将类转移到另一个元素?

我有这个问题,我想特定的(但不是特定的)类从元素转移到另一个。

这:

进入:

基本思想是,如果您在具有特定单词“THIS”的内部跨度中编写一个类,它将被转移到外部跨度(外部跨度是使用 .wrap 生成的)

带有“THIS”的类是一个具有类似.. 20 种不同变体的类(THIS-something-something、THIS-something-anything、THIS-and-that ..等等),而“anotherClass”是完全随机的类并且可能还会有多个……取决于我想插入多少。

我不知道那会怎样。我可能在想这一切都错了吗?

我只能让所有类都复制到外部跨度,然后我会从内部跨度中删除所有类..但这有点违背所有目的,因为它不会留下“anotherClass”并将其复制到外部元素。 ..