问题标签 [dom-traversal]

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 投票
3 回答
579 浏览

jquery - 如何从类名中读取值

我有下表:

我想在单击时读取相应的thead值?我怎样才能做到这一点?tTlebut

0 投票
3 回答
545 浏览

jquery - JQuery - 从其子项确定父索引

早上好。我喝了更多的咖啡来弥补这个 Javascript/jQuery 问题带来的压力。

基本上它与这个问题相反:Determining child index in it's parent

实际的 HTML (DOM)

感谢您阅读那一大堆。

伪 JQuery

结果(警报消息)

您点击了图片库 #1 的下一个图片按钮<-- 如果您点击了带有 index() 的“.imageGallery”的“.nextImg”按钮;1 个

您点击了图片库 #2 的下一个图片按钮<-- 如果您点击了带有 index() 的“.imageGallery”的“.nextImg”按钮;2 个

问题:

如何将class="nextImage" 的父级“爬上”到元素div class="imageGallery"并响应div class"imageGallery"的索引?

这对于我画廊项目的最后一步非常重要。感谢您的任何回复!

0 投票
1 回答
31245 浏览

jquery - 有没有办法将 $(this) 与 :nth-child 结合起来?

我正处于 .each 迭代的中间,并想为每个..调用第二个或第三个孩子..但不能让它工作。

我能想到的唯一选择是这样的可怕愚蠢的事情:

0 投票
2 回答
227 浏览

javascript - jQuery DOM 遍历

我一直在尝试将$.click处理程序绑定到兄弟元素,但似乎找不到正确选择要设置动画的元素的方法。这是我正在使用的 DOM 树的基本结构:

现在,当用户单击 a 时<header>,我希望兄弟姐妹<p>执行 a jQuery.slideToggle()。此时,我有以下 JavaScript,但无济于事:

因此,为了澄清,一个非常冗长的版本将是:

如果这还不够清楚,请让我详细说明。

0 投票
4 回答
498 浏览

jquery - jQuery 从查找中获取原始上下文

如果我想获取一个表单,然后抓取一些按钮,然后将一些操作附加到提交我的表单的那个按钮上,我目前正在这样做:

我想知道是否有一种更高效的方法可以在我的查找中选择原始表单元素。form有没有办法在其后代的点击事件中获取对我原始对象的引用,而不是必须遍历 dom ?

不幸的是,在这种情况下.context会给我button元素,我可以通过什么方式获得原始上下文?还是我只需要遍历?

请注意,这是一个人为的示例,我实际上并没有使用按钮和表单,但我更感兴趣的是在find.

0 投票
3 回答
5235 浏览

jquery - 添加类以使用 jQuery 对特定 div 进行分组

在下面的代码中,我试图使它在选择(聚焦)输入时,formhead相关字段集中的 div 更改其背景颜色,并在模糊时更改回来。我想通过在焦点上向同一个 div 添加一个类,并在模糊时删除该类来做到这一点。jQuery最接近在概念上与我正在尝试做的最相似,但不合适,因为它只会针对父div。是否有其他东西可以针对该类最近的 div,而不影响其他字段集中的其他类?还是我必须得到更具体的信息并识别表格头等?

和 jQuery:

0 投票
3 回答
432 浏览

javascript - jQuery DOM 遍历

我很难找到使用 jQuery 的项目的最简单路径(尽管解决方案不一定要使用 jQuery,它只是作为工具提供)。这是一个简化的代码示例:

单击“删除”链接时,我希望获得“研讨会”一词,我想知道哪种方法最有效。会不会是 a) 在树的上一层到<td>元素并通过类名找到兄弟元素,然后是里面的链接/文本值... b) 上<tr>一层并搜索类名,等等或 c) 做一些我没有考虑过的事情。

我似乎总是难以理解何时以及如何在 javascript 或 jquery 中进行 dom 遍历,并且想知道不同可用方法背后的原因,以及如何获得最终结果是否重要。

0 投票
3 回答
1268 浏览

javascript - 使用jQuery遍历DOM,从节点返回HTML属性

我想遍历 DOM 并识别某些节点的 HTML 属性。例如所有标签的类值。

Stackoverflow 的另一位成员建议以下代码用于遍历 DOM:http: //jsfiddle.net/FJeaY/

它运行良好,我可以使用它来识别节点的 ID 及其父节点。过滤超链接也很容易:

但是我不确定使用什么来标识类(或任何其他 HTML 属性)。到目前为止,我从搜索 jQuery 文档中所尝试的一切都失败了。

任何想法表示赞赏,在此先感谢您。

0 投票
4 回答
3081 浏览

javascript - 在jQuery中遍历最有效的方法是什么

单击内部嵌套按钮时,我试图关闭父容器。在我的 UI 中——我有许多这样的父容器(我在产品类别页面上呈现我的产品目录的预览窗口)。

正如您在下面的标记中看到的那样——CLOSE 按钮深深地嵌套在 DOM 中。当用户点击关闭按钮时——我需要隐藏()父 Box-1。请记住,我一次最多可以在一个页面上显示 100 种产品(100 盒“Box-1”)。

我的标记如下所示:

我的问题是——我如何最好(并且最有效地)遍历 DOM 以获取“box-1”并发出 .hide() 方法......这是我现有的代码。

最初,我正在尝试这个——

这在 IE7 和 IE8 中被证明非常慢。

我发现向选择器添加更多细节将 IE7 的性能提高了近 100 倍,但在 IE8 中只提高了 4 倍 :( IE8 仍然需要大约 200 毫秒来关闭父容器。现在所有其他浏览器(Chrome、Safari、Firefox 和IE7) 在不到 20 毫秒内关闭容器。

但是有没有更好的选择器方法呢?IE8在这种向上遍历方面非常糟糕的任何特殊原因?

0 投票
6 回答
233 浏览

jquery - 从父母那里获取 ID

当我单击“投票”或“标记”href链接时,我希望能够messageId从主包含div元素中获取。我该怎么做?