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

javascript - 模板 vs DOM 创建 - 高度动态的界面

构建浏览器游戏我从 PHP 转向 JavaScript,现在我也想在服务器端使用它。由于我将要求用户使用 JavaScript,因此我将广泛使用它。我想以面向对象的方式使用 in。

考虑到 MVC,模型将用于客户端和服务器端。视图仅在客户端使用。该界面分为多个部分:主侧菜单、主要内容和一些小部件。我将以我已经完成的部分为例:菜单分为三个类别,具有多个条目。每个条目都是一个带有附加操作的链接(例如切换内容)。

目前 View 是一个带有 toData() 方法的组合,用于为模板解析器创建数据(自制,简单但支持迭代)。并且操作在创建后附加。我使用 jQuery 作为框架:

我已经声明了一个 actionhandler 以避免遍历链接。

我对这个解决方案感觉不舒服,它不够灵活。我想把一个视图当作一个真正的组合,而不是有很多奇怪的依赖。另外,如果我改变了一部分,我必须重新解析整个视图。好吧,在这个例子中这并不明显,因为菜单在运行时不会改变,但界面的其他部分会。

现在,终于要回答我的问题了:有更好的解决方案吗?就像 dom 引用分布在视图上一样,每个菜单条目都有自己的引用和直接附加的操作?如果我不再使用模板,我会失去什么样的灵活性?

0 投票
2 回答
104 浏览

jquery - 使用 jquery 操作类

我有一个带有值的选择框: apple-80 apple-100 apple-120 apple-300

我有:<body class="fruit apple-120 otherclass anotherclass">

我想操纵主体类“apple-120”以被选择框中的任何选定值替换,同时保持水果、其他类、另一类、类不变。

到目前为止,我创建了这个:

然后我有:

这替换了类,但是在下一次单击选择框时,将添加更多选择选项值作为新类,这不是我想要的。

我只想用新值替换“apple-120”,而不是添加更多。任何其他点击只会替换相同的目标类。

另外,我还想获取所有选择框值,以将它们作为缩小这些类的选择范围的条件。说,如果一个类匹配选择框中的任何值,做一些事情。

任何提示将不胜感激。谢谢。

0 投票
2 回答
239 浏览

jquery - 根据选择框值操作一些选择器类

我正在尝试改进我的自定义 jquery 插件。我以前在这里问过这个。之前的问题解决了。现在我想让我的插件更灵活。因此,我不依赖于硬编码的旧类,而是试图让它依赖于选择框的值数组,这些值会根据它们的值动态更改类。我这样做的原因是,有时在我单击选择选项之前该类不存在。有时它适用于其他选择器。

为了更好地说明我想要实现的目标:

如果选择器具有任何选择框值的类,请删除此类,添加新类,基于最新选择的值。

所以这是最新的代码:

该类已添加,但与上一个问题一样,我无法更新目标类以替换为新类。另请参阅代码中的注释以了解其他问题。

如果已解决并已解决,请随意将其标记为 dup :)

任何提示将不胜感激。谢谢

0 投票
3 回答
19761 浏览

javascript - 在元素的父元素之后插入

在下面的示例中,我需要什么样的选择器才能在 test3 类的父级(divouter)之后插入?谢谢。

0 投票
2 回答
2688 浏览

jquery - 之前移除元素的事件

我将如何在 jQuery 中编写一个事件,以便如果我单击任何链接,它不会删除它周围的 divouter,而是删除它之前的 divouter?

0 投票
3 回答
17694 浏览

javascript - 使用 jQuery 删除元素但保留文本

我有一些看起来像这样的html:

我想要做的是使用 jQuery 删除 div 中的所有跨度,而不考虑附加的类,但将文本留在跨度标签中。所以最终的结果将是:

我尝试使用该unwrap()方法,但它打开了 div。我也尝试删除元素,但这会删除元素及其文本。

0 投票
2 回答
354 浏览

asp.net - 创建 DOM 元素时运行函数

我想在 DOM 中创建匹配对象时将事件绑定到某个类和 ID。

我这样做是因为我在 ASP UpdatePanel 中有一些 jQuery 代码,这会导致 DOM 在其部分回发时重新加载。我已经使用 live() 重置了事件,但是我需要在创建元素后立即调用 2 行初始化函数。

有什么方法可以将它附加到 live() 或其他一些 jQuery 函数,还是我必须自己编写代码来执行此操作?

谢谢,埃德

0 投票
2 回答
1171 浏览

javascript - javascript dom-injected 元素不会在 IE 中选择 css 样式

我有一个奇怪的问题,在 javascript 注入一些 dom 元素后,为这些元素定义的 css 规则在 IE7 中没有被遵守(即:这些元素的样式不会发生)。(firefox 和 chrome 工作正常,其他未测试)

我尝试过的事情: - 清除缓存 - 没有其他 css 规则优先(没有“更具体”的样式等)

JS(在体内)(我在这里使用原型进行注入,但我认为它不相关)(关于 Js:一些 Jsonp 技巧将照片添加到基于纬度/经度的 div)

CSS(可以肯定的是,作为最后一个样式添加到 ie.css 中)

有谁知道怎么回事?也许在 dom 自动更新后,css 不会“重新运行”css 样式?嗯,这里只是猜测..

谢谢。

0 投票
1 回答
6052 浏览

javascript - jQuery 让 innerHTML 不能在 HTMLFontElement 对象上工作

我有 jQuery 来选择所有font元素的子元素,这些元素id="right"在 var 中存储的 html 中html......当我发出警报以查看它获得了多少元素时:

它给了我一个警报:5

但是当我尝试以下任何一项时,我没有收到任何警报......

有任何想法吗?

谢谢,
马特

0 投票
1 回答
505 浏览

jquery - jQuery 文件名操作

我正在尝试做一个花哨的模糊/淡入淡出效果(这意味着我需要 2 个图像)但我只想在 HTML 中加载 1 个(以防 js 不活动)并通过 jQuery 添加另一个文件名(复制和重命名文件/src)

纯 html 大致如下:

但是 jquery 操作 DOM 之后的 html 需要像:

问题是,克隆/复制相关图像然后重命名 src 的 jQuery 是什么?

任何帮助将不胜感激。

一个。