问题标签 [nextuntil]

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

javascript - jQuery nextUntil() 与注释元素一起工作很奇怪

我需要帮助。nextUntil()我对 jQuery 的方法有奇怪的问题。它没有像我预期的那样工作......

我的 HTML 中有两个注释标签,它们分隔了我感兴趣的元素以及我想要进入 jQuery 集合的元素。为此,我首先找到两个评论节点,并应用nextUntil第一个,提供第二个作为参数。但nextUntil返回所有跟随第一条评论的孩子,似乎忽略了我传递给它的论点。

我怎样才能防止这种情况发生,并且只得到两条评论之间的孩子?

这是我的代码:

HTML:

JavaScript:

PS:如果您使用<div class="from">and<div class="end">或其他元素来选择开始和结束,nextAll()则按预期工作。但是,我想使用注释来标记选择......

我尝试使用prev/ next“hacks”作为替代方案(另请参见上面的代码),但是当注释标记之前和/或之后没有元素时,它们的表现不佳。

0 投票
1 回答
34 浏览

jquery - 当输入包含在 DIV 中时,JS 复选框启用/禁用输入组不起作用

我一直在寻找一种使用相应复选框启用/禁用输入组的方法。终于在这里找到了一个适合我的答案。但是,这仅在输入未包含在 DIV 中时才有效。当我添加引导类 DIV 时,脚本停止工作。这是脚本:

不太熟悉 JQuery,我发现 nextUntil() 方法将包括所有内容,直到下一个不是“input:text”的元素。因此,我尝试将其扩展如下:

或者

或者

没有任何效果。我确实读过关于列出多个选择器,但显然不明白如何正确地做到这一点。

这是 HTML(动态生成)。我已经注释掉了破坏脚本的 DIV。这样它确实可以工作,但布局很丑陋。

请帮助我正确编写nextUntil()选择器。

0 投票
3 回答
806 浏览

jquery - Jquery nextUntil 和 prevUntil 包括问题

我正在尝试包含第一个和最后一个选择器以及 nextUntil 和 prevUntil

查询

JSFIDDLE

0 投票
1 回答
46 浏览

javascript - 扫描两个 HTML 元素之间的文本并使用 .wrapAll() 函数包装它们

我正在处理论坛网页,但不允许在网页中编辑 HTML。我想隐藏文本,直到悬停。这是 HTML 代码的粗略示例:

我知道有 .nextUntil() 和 .wrapAll() 函数,但我就是无法让它正常工作。我遇到的另一个问题是比较标签和
标签之间的信息,以确保我只将我想要的文本包装在一个 div 中。我的目标是将该文本包装在一个 div 中,以便我可以给它一个类并使用 css 对其进行操作。

编辑 1: 我没有提供任何 JS 的原因是因为我只测试了使用 .nextUntil() 和 .wrapAll() 的片段。这就是我所拥有的一切,而且是零碎的:

(只是测试看看这是否可行:)

(另一个测试)

(另一个测试)

0 投票
1 回答
174 浏览

jquery - jQuery - 切换所选项目

我对 jQuery 任务有疑问。单击标题后,我必须切换“ol”上下文:

我的html:

我的 jQuery 脚本:

我的代码在 h3 标头之间切换所有上下文,但我只需要“ol”。非常感谢您的帮助。

0 投票
1 回答
128 浏览

jquery - 使用 jQuery 迭代行直到到达特定元素

我有一张这样的桌子:

我希望能够单击每个类别行中的“否”链接,并在单击时调用jl_no(). 该类别行下方的单选字段应设置为 NO (code="X")。

但是,当我们到达下一个类别行时,我想停止设置 NO 单选字段。这样做的目的是允许用户在类别标题中选择“否”,这将仅选中该类别的所有“否”框。

例如:

  • 单击 (Category 0) 行中的 NO 链接应为 、 和 设置 NO#rbi_gridRow_0_0单选#rbi_gridRow_0_1字段#rbi_gridRow_0_2

  • 单击(类别 1)行中的 NO 链接应#rbi_gridRow_0_3仅设置 NO 单选字段。

这是我到目前为止所尝试的:

0 投票
1 回答
314 浏览

javascript - 如何在标题之后包装所有元素,直到下一个相同或更高的标题?

我的内容由标题(h1、h2、h3、h4、h5、h6)组成。

我需要的:

使用 jQuery,我需要将每个标题后面的所有元素包装起来,直到下一个相同的标题或更高的标题。通过“更高”,我的意思是:

  • H5比h6“高”。
  • H4 比 h5 和 h6“高”。
  • H3 比 h4、h5 和 h6“高”。

……以此类推,以此类推。

例如,在 h3 之后包装所有元素,直到下一个 h3 或更高的标题(h1 或 h2)。

这是所需最终结果的示例:

我试过的:

使用 jQuery,我尝试使用.nextUntil(),但我错误地选择和包装元素:

如何使用 jQuery 实现预期的结果?

0 投票
1 回答
110 浏览

javascript - jQuery nextUntil 与孩子

我的html结构就像

这些复选框取决于要启用的前一个复选框,即

如果选择 a1 直到 a4 a5 始终启用,则启用 a2。

我已经使用

但是,如果用户取消选择任何先前的检查 a2,我希望取消选择并禁用所有右侧的复选框,直到数据权限为 a5(不包括 a5)。我可以在 td 的孩子上使用 nextUntil 执行此操作吗?我无法将类名添加到 td。请提出解决方案非常感谢。

0 投票
2 回答
73 浏览

jquery - JQuery .nextUntil() 选择标题进入 li

我正在尝试使用 .nextUntil() 选择 h2 标签下的所有 h3 标签,即使进入 li,无论是页面中的 ul 还是 ol。

HTML 标记类似于:

Js 是这样的:

预期的输出是:

而真正的输出是:

0 投票
1 回答
31 浏览

jquery - jQuery Next 直到当前状态隐藏/显示子 TR

大家好,我在一个表上有一个 slideToggle() 函数,它使用 nextUntil 隐藏带有类标题的 tr 的所有子元素,这很好用。

但是我需要获取所有子 tr 的当前状态,以便确定它的子是隐藏还是可见 slideToggle / nextUntil 函数为所有子 tr 设置了一种显示样式,直到下一个带有标题类的 tr (tr.header) 但不理会 td 元素。

所以我想如果我遍历子元素并检查 prop('nodeName') 我可以确定当前状态,即隐藏或显示 - 但我似乎无法让它工作。

如果您使用 slideToggle 显示或隐藏某些内容,可能有一种更简单的方法来确定单击?计划是使用状态值设置本地存储,以便当用户返回页面时,他们先前关闭或打开的元素保持状态。