问题标签 [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 回答
10913 浏览

jquery - Jquery - 添加DOM元素时运行功能

我有一个带有 jQ​​uery 和 jQuery UI 的网站。我有一个 Javascript 函数:

此函数在页面加载并更改所有具有“ToButton”类的元素后运行。

当用户按下按钮时,我也会更改 HTML 代码。例如:

我也想对这个新元素运行 ToButton 函数,但是 jQuery 中的 live 或 delegate 方法没有“show”或“create”事件类型。所以我需要在所有 HTML 代码更改后调用函数 ToButton() 。

你能帮我吗,我如何将 ToButton 功能委托给所有元素?

0 投票
2 回答
2838 浏览

javascript - 在元素悬停时显示跨度

我在我的 HTML 中像这样设置了 2 个跨度,

我已经隐藏.benefits使用display:none

当有人悬停时.job_title,我想将其替换为.benefits.

这是我目前拥有的,但它不起作用。

0 投票
4 回答
1174 浏览

jquery - jQuery prev, prevUntil or closest break tag then remove

I'm trying to remove the last TWO instances of the break tags for the following code:

0 投票
1 回答
390 浏览

jquery - 快速 jquery 代码制作一个 3 列显示 HTML 表格

我有很多页面可以获取数据输入表单,例如每个字段一个 HTML 行。像:

我想编写一个快速的 jquery 每个循环遍历整个表格行并将其转换为 6 列显示,以便我的网页看起来整洁并充分利用空间。并且有一些标有类的特殊字段<td class='special">Special field</td>,应该被排除在这个操作之外,并且应该保持单行字段(而不是每行 3 个)。

我已经编写了代码并且它可以工作,但是当我在许多行的字段中出现巨大的列表框时,它会给我“慢速 javascript”消息。有人可以分享一个代码片段来更快地实现这一点,而无需在 DOM 中进行过多的插入/删除操作吗?

0 投票
1 回答
389 浏览

javascript - 使用 jQuery 的 .before() 添加新元素会与添加它的元素类上的现有 .data() 值混淆

我正在尝试将新的 div 元素动态添加到由公共类表示的现有元素集。这组元素上还有一个 jQuery .data(),我用它来做簿记工作。

问题是当我尝试使用“before()”添加新元素时,前面提到的 .data() 值会被清除。但这不是使用“after()”的情况。

不确定这是否有帮助,但传入的 div 元素与要添加它们的现有 div 元素集共享同一个类。

我在 jsfiddle 上创建了一个独立的示例

只需在 javascript 代码中切换 .after() 和 .before() 之间的行即可了解区别。

我还将在此处粘贴代码以方便参考。

HTML 片段

JavaScript 代码段

0 投票
3 回答
140 浏览

jquery - jquery动画帮助

我正在尝试构建以下内容,

动画后组依赖于页面

基本上应该发生的是白色文本下方的深绿色条应该根据哪个链接处于活动状态而增长和缩小,因此例如目前,THE JOBWALL 链接处于活动状态,因此绿色条跨越该链接的宽度。我怎样才能达到这种效果,是否可以对将创建绿色条的背景图像进行动画处理,以便在页面加载时,条从左到右进行动画处理,直到它停留在活动页面下方?

任何帮助都会很棒。

0 投票
2 回答
3373 浏览

javascript - 如何通过子项的 OnClick 删除动态父项

我正在<tr>通过 Javascript var 添加:

我的功能是:

我在 HTML 中的表结构(以及函数的按钮)是:

那么如何.remove()在不意外删除所有标签的情况下使用 jQuery 中的函数来摆脱父<tr id='dynTR'>标签呢?

0 投票
2 回答
6368 浏览

php - PHP 等价于 jQuery addClass

您将如何将一个名为的类添加newClass到像 php或使用 php的开始标签中?<a class='abc'><p style=display:block>

0 投票
2 回答
1191 浏览

javascript - 使用原型来改变现有 jQuery 函数的功能

我想改变$.prepend()(并且可能$.append())的功能,以实现“on DOM change event”。

我可以做一些简单的事情吗:

或者我需要使用$.extend()函数$.prototype.prependor$.fn.prepend吗?

[我意识到我需要prepend()在我的新函数中包含该函数的原始源代码,否则 jQuery 会崩溃!]


编辑 :: 最终解决方案

对于那些有兴趣的人:

和用法:

0 投票
3 回答
13799 浏览

javascript - 创建和删除
Javascript中的元素

在上面的示例中,我试图在div单击标签时创建一个元素,并在再次单击标签时删除创建的div元素,但它不起作用。