作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
我正在使用自动生成的遗留代码,并且必须遵守以下结构:
<div id="TITLE1"></div>
<div id="div-1"></div>
<div id="div-2"></div>
<div id="div-3"></div>
<div id="div-4"></div>
.... (there can be more divs here, IDs can vary as well) ...
<div id="TITLE2"></div>
我现在要做的是:
TITLE1
可点击DIV
(未嵌套且无法嵌套)TITLE1
会再次显示之前隐藏的 DIV
TITLE
到下一个 TITLE
之后的那些 DIV
(不包括)解决方案可能会使用 jQuery 或此类框架。
最佳答案
尝试
$('div[id^=TITLE]').click(function(){
$(this).nextUntil('div[id^=TITLE]').toggle();
})
演示:Fiddle
底层逻辑很简单 - 通过添加点击处理程序使 id 以 TITLE
开头的 div 可点击 - 为此 attribute starts with使用选择器。然后找到被点击的元素和下一个 ID 以 TITLE
开头的元素之间的所有 div - 这是使用 .nextUntil() 完成的遍历法。那么.toggle()用于隐藏/显示元素
关于javascript - 隐藏某些 DIV(不幸的是没有嵌套),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18442347/
我们有一个使用 Eclipse 和 Maven 的多模块项目。过去我能让它工作的唯一方法是对项目使用平面布局,其中父模块是其他模块的对等体。这适用于 m2eclipse 和 Subversion。 现
我是一名优秀的程序员,十分优秀!