问题标签 [jquery-traversing]

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

jquery - 如何在单击jQuery中的元素时在圆形导航菜单中显示子菜单

这个问题来自上一个问题,可以在这里找到:Need to fadeIn each circle 1 after other with jQuery

基本上现在当点击“气候变化和能源”圈子时,我需要隐藏除点击圈子之外的所有其他圈子,并显示一个子集或其他与原始圈子遵循相同路径的圈子。但是新的圆圈从单击的圆圈的下一个点开始。

我附上了一张点击圆圈时需要显示的图片,可以在这里看到: http: //cl.ly/EO95

这是我尝试使用的代码:

HTML:

JS:

这是包含所有 HTML/CSS 和 JS 的 jsFiddle 的链接:http: //jsfiddle.net/thomasbritton/wV867/

如果有人可以帮助我解决这个问题,我将非常感激,因为我已经为此扯了几个小时的头发。

我在 Skype 上,如果有人想通过它进行交谈,如果它可能会有所帮助。

谢谢

0 投票
7 回答
15998 浏览

jquery - jQuery nextUntil,包括,不排除匹配的元素?

有没有办法轻松做nextUntil,让选择器匹配的元素被包含在内?我有这个,只有在有前一个兄弟姐妹的情况下才可以:

0 投票
2 回答
102 浏览

jquery - 到达另一个具有共同祖父母作为当前节点的节点的更好方法是什么?

说,我有一个<table>包含一对<tr>像上面那样的。在 中<tr>,只有一个有<span id="home_location_indicator">(Home)</span>

我正在尝试确定检索属于包含的输入的方法。name="location_select"<tr><span id="home_location_indicator">

以下是我能想到的两种方法:

  1. $("tr").has("#home_location_indicator").find('input[name="location_select"]').val()
  2. $("#home_location_indicator").parents("tr").find('input[name="location_select"]').val()

哪个是更好的方法?为什么?或者它甚至重要吗?

0 投票
1 回答
211 浏览

javascript - 单击所有兄弟元素后,如何计算兄弟元素的点击次数并更改 CSS?

我的代码是:

如果用户单击容器内的 div,我将像这样添加“单击”类

我想知道每个标签旁边点击了多少个 div,当所有 div 都被点击后,我想为该标签添加一个 CSS 类

例如,当访问者单击标签 1 旁边的所有 5 个 div 时,更改其类别,
标签 2 旁边的 4 个 div 同上

0 投票
2 回答
124 浏览

jquery - jQuery Traversing - 最好的使用方法?

我一直致力于做一些简单的事情..但不确定最好的方法。我已经准备好通过 jQuery 文档,但由于这个地方提供了合理的建议 - 我将在这里提出问题。

基本上是穿越。

假设我有这个最小的代码作为一个简单的例子(同一页面上有多个元素):

在 jQuery 中,我只想collab_text在悬停时淡出。所以我有:

collab_text当我将鼠标悬停在 1 个项目上时,这显然会显示所有元素的所有内容。所以我的问题是什么是只让悬停collab_text显示的正确方法。 .next()?, .find()?

我知道我的代码应该是:

任何信息将不胜感激。

谢谢。

0 投票
4 回答
662 浏览

javascript - jquery遍历行获取跨度类和标题

我有一个表,每行都有一个 id 和几个包含跨度的 td

例如

我不想做的是当传递一个 rowid 时,它会遍历行并创建一个跨度类名和跨度值的键值数组。

目前我可以单独找到每件东西,这非常麻烦。

0 投票
4 回答
2866 浏览

jquery - jQuery 和 JQM - 使用最接近过滤器来获取索引

我有一段 html,当 JQM 完成它时,它看起来像这样(简化):

此代码是从另一段脚本动态生成的。

每个服务都有一个附加的点击事件,它可以动态地拉入更多数据。理想情况下,我希望能够在单击服务时引用它的索引。这是我当前的代码:

显然,这不起作用,因为拉入的对象数组包括 servicesHeader div。我如何才能只获得父 ul 的数组?本质上,当用户点击服务 1 时,返回的索引应该是 0,而不是 1。现在,索引 0 引用 servicesHeader div。

我也试过这个:

任何帮助,将不胜感激!

编辑:我应该指定 HTML 是由另一个开发人员的脚本生成的。它可能会改变,也可能保持不变。到目前为止,我唯一的保证是 UL 将保持在同一级别,并且将具有类 serviceLink。

再说一遍,我如何只获取父 UL 的索引,而不管存在哪些其他兄弟元素?

0 投票
2 回答
173 浏览

jquery - jQuery兄弟姐妹()得到渗透兄弟而不是下一个

嘿伙计们希望你能帮助我。

我对 jquery 比较陌生,并且在遍历表时遇到了一些麻烦。

基本上我有这个

现在我正在粘贴更大功能的一部分代码。基本上我粘贴的代码部分是对实际的一些修改来解释问题

现在我想让警报说“120628SatchelTobyCole/thumbnails/SatchelTobyCole_0966.JPG”

但是,相反,它在说

“120628SatchelTobyCole/thumbnails/SatchelTobyCole_0963.JPG”。

即,我希望警报打印表格中下一个图像的来源,但它正在打印上一个图像的来源?

如果有人能解释我做错了什么以及如何纠正它,我将非常感激。谢谢。

0 投票
1 回答
110 浏览

jquery - 遍历 dom 文档 - jsfiddle

我已经在J​​SFiddle设置了一个小提琴!

我的问题是如何使用我输入的名称遍历到最近的 TH,并获取其内容?在小提琴的情况下,应该获取“www.sverigemotrasism.nu”。

我尝试并尝试了许多不同的解决方案,每次都更接近一点。但现在我别无选择,至少我是这么认为的!?

看一看,如果您知道如何解决它,我会很高兴听到如何解决的;)

0 投票
2 回答
187 浏览

jquery - 单击带有 jquery 的替代元素的链接

虽然有很多关于使用 jQuery 遍历 DOM 的好资源,但我的示例没有任何运气。

在我的网站 www.smithgrey.co.uk 上,我有一系列缩略图画廊,所有这些画廊的前面都有一个“部分标题”div。

我想要实现的是,当您单击“section-title”div<a href>时,将单击右侧缩略图的第一个链接。

有多个实例class="section-title"- 不幸的是,我无法添加任何 ID 或类,因为这是动态生成的,并且已被要求尽可能保持原样。

HTML 如下所示:

到目前为止,这是我的 jQuery,但它并没有产生我想象的结果,因为无论我点击第一个还是第二个,它都会点击链接<div class="section-title">

解决方案:

在其他评论者的帮助下,我设法弄清楚如何让它按预期工作: