问题标签 [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 回答
51 浏览

jquery - 使用 nextUntil 的 jQuery 手风琴

我使用该nextUntil()功能创建了一个手风琴。单击手风琴项时,我想关闭以前活动的项。

HTML:

jQuery:

我需要完全如上所示的 DOM,并且不能有嵌套<p>元素。

这是我到目前为止所做的演示:https ://jsfiddle.net/L6q4pako/

我无法正确使用该siblings()功能来隐藏以前活动的<p>标签。

0 投票
0 回答
23 浏览

jquery - jQuery:使用灵活的选择器包装同一类的兄弟 div

我希望将具有相同类名的所有兄弟姐妹一起定位到一个容器中。

在这个 HTML 中,

我希望所有.pink相邻的 div 都被包装在一个.pinkwrap容器中,即使.pink没有任何兄弟姐妹,就像最后一行一样。所有其他 div 都保持不变。

理想结果:

到目前为止,这是我在 jQuery 中尝试过的内容:

这可行,但如果我只想更改towrap变量中的选择器而不在后续行中调整它,我将如何重写.not(".pink + .pink").nextUntil(":not(.pink)")适应它?

我试过的:

但这显然行不通。这是jsfiddle。如果我错过任何建议,我愿意接受任何建议和指向以前答案的链接!