问题标签 [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.
javascript - jQuery nextUntil() 与注释元素一起工作很奇怪
我需要帮助。nextUntil()
我对 jQuery 的方法有奇怪的问题。它没有像我预期的那样工作......
我的 HTML 中有两个注释标签,它们分隔了我感兴趣的元素以及我想要进入 jQuery 集合的元素。为此,我首先找到两个评论节点,并应用nextUntil
第一个,提供第二个作为参数。但nextUntil
返回所有跟随第一条评论的孩子,似乎忽略了我传递给它的论点。
我怎样才能防止这种情况发生,并且只得到两条评论之间的孩子?
这是我的代码:
HTML:
JavaScript:
PS:如果您使用<div class="from">
and<div class="end">
或其他元素来选择开始和结束,nextAll()
则按预期工作。但是,我想使用注释来标记选择......
我尝试使用prev
/ next
“hacks”作为替代方案(另请参见上面的代码),但是当注释标记之前和/或之后没有元素时,它们的表现不佳。
jquery - 当输入包含在 DIV 中时,JS 复选框启用/禁用输入组不起作用
我一直在寻找一种使用相应复选框启用/禁用输入组的方法。终于在这里找到了一个适合我的答案。但是,这仅在输入未包含在 DIV 中时才有效。当我添加引导类 DIV 时,脚本停止工作。这是脚本:
不太熟悉 JQuery,我发现 nextUntil() 方法将包括所有内容,直到下一个不是“input:text”的元素。因此,我尝试将其扩展如下:
或者
或者
没有任何效果。我确实读过关于列出多个选择器,但显然不明白如何正确地做到这一点。
这是 HTML(动态生成)。我已经注释掉了破坏脚本的 DIV。这样它确实可以工作,但布局很丑陋。
请帮助我正确编写nextUntil()
选择器。
javascript - 扫描两个 HTML 元素之间的文本并使用 .wrapAll() 函数包装它们
我正在处理论坛网页,但不允许在网页中编辑 HTML。我想隐藏文本,直到悬停。这是 HTML 代码的粗略示例:
我知道有 .nextUntil() 和 .wrapAll() 函数,但我就是无法让它正常工作。我遇到的另一个问题是比较标签和
标签之间的信息,以确保我只将我想要的文本包装在一个 div 中。我的目标是将该文本包装在一个 div 中,以便我可以给它一个类并使用 css 对其进行操作。
编辑 1: 我没有提供任何 JS 的原因是因为我只测试了使用 .nextUntil() 和 .wrapAll() 的片段。这就是我所拥有的一切,而且是零碎的:
(只是测试看看这是否可行:)
(另一个测试)
(另一个测试)
jquery - jQuery - 切换所选项目
我对 jQuery 任务有疑问。单击标题后,我必须切换“ol”上下文:
我的html:
我的 jQuery 脚本:
我的代码在 h3 标头之间切换所有上下文,但我只需要“ol”。非常感谢您的帮助。
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 单选字段。
这是我到目前为止所尝试的:
javascript - 如何在标题之后包装所有元素,直到下一个相同或更高的标题?
我的内容由标题(h1、h2、h3、h4、h5、h6)组成。
我需要的:
使用 jQuery,我需要将每个标题后面的所有元素包装起来,直到下一个相同的标题或更高的标题。通过“更高”,我的意思是:
- H5比h6“高”。
- H4 比 h5 和 h6“高”。
- H3 比 h4、h5 和 h6“高”。
……以此类推,以此类推。
例如,在 h3 之后包装所有元素,直到下一个 h3 或更高的标题(h1 或 h2)。
这是所需最终结果的示例:
我试过的:
使用 jQuery,我尝试使用.nextUntil()
,但我错误地选择和包装元素:
如何使用 jQuery 实现预期的结果?
javascript - jQuery nextUntil 与孩子
我的html结构就像
这些复选框取决于要启用的前一个复选框,即
如果选择 a1 直到 a4 a5 始终启用,则启用 a2。
我已经使用
但是,如果用户取消选择任何先前的检查 a2,我希望取消选择并禁用所有右侧的复选框,直到数据权限为 a5(不包括 a5)。我可以在 td 的孩子上使用 nextUntil 执行此操作吗?我无法将类名添加到 td。请提出解决方案非常感谢。
jquery - JQuery .nextUntil() 选择标题进入 li
我正在尝试使用 .nextUntil() 选择 h2 标签下的所有 h3 标签,即使进入 li,无论是页面中的 ul 还是 ol。
HTML 标记类似于:
Js 是这样的:
预期的输出是:
而真正的输出是:
jquery - jQuery Next 直到当前状态隐藏/显示子 TR
大家好,我在一个表上有一个 slideToggle() 函数,它使用 nextUntil 隐藏带有类标题的 tr 的所有子元素,这很好用。
但是我需要获取所有子 tr 的当前状态,以便确定它的子是隐藏还是可见 slideToggle / nextUntil 函数为所有子 tr 设置了一种显示样式,直到下一个带有标题类的 tr (tr.header) 但不理会 td 元素。
所以我想如果我遍历子元素并检查 prop('nodeName') 我可以确定当前状态,即隐藏或显示 - 但我似乎无法让它工作。
如果您使用 slideToggle 显示或隐藏某些内容,可能有一种更简单的方法来确定单击?计划是使用状态值设置本地存储,以便当用户返回页面时,他们先前关闭或打开的元素保持状态。