将 TR 的所有下一个兄弟姐妹切换到下一个 TR 没有类
toggle all the next siblings of tr upto next tr not having a class
我有这样的表格
<table>
<tr class="a"></tr>
<tr class="a b"></tr>
<tr class="a b"></tr>
<tr class="a b"></tr>
<tr class="a"></tr>
<tr class="a b"></tr>
<tr class="a b"></tr>
<tr class="a b"></tr>
</table>
现在我希望如果我单击仅带有类"a"的<tr>
,它的兄弟姐妹会隐藏,直到它找到下一个只有类"a"。
因此,如果我单击第一个<tr>
那么接下来的 3 <tr>
也带有类"b"应该隐藏或显示(切换(不是下个<tr>
只有"A"类
<tr>
:not()
选择器可用于排除点击事件.b
。 在单击事件中,同一选择器可以与nextUntil
函数结合使用。
不过,在您使 html 有效之前,通过添加<td></td>
标签,我不确定任何事情都会起作用。
$(".a:not('.b')").click(function(){
$(this).nextUntil(".a:not('.b')").hide();
});
工作示例:http://jsfiddle.net/sCdHg/
尝试
$("tr.a:not(.b)").click(function(){
$(this).nextUntil(".a:not(.b)").hide()
});
试试这个,
$("tr.a").click(function(){
$(this).siblings("tr.a.b").hide()
});
$('tr.a').not('.b').click(function() {
$(this).nextUntil('tr.a.b').toggle();
});
相关文章:
- 滚动到容器中的下一个元素-几乎到了
- 后焦点更改为IE 11中的地址栏,而不是转移到表单中的下一个控件
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- 使用ajax将数据从一个步骤发送到下一个步骤的3步表单
- AngularJS&JSON-从Previous&下一个对象
- 使用向下箭头键(与tab键一样)聚焦下一个输入
- 来自文档或下一个静态父级的事件委派
- angularjs移除焦点上的活动类并添加到下一个项目
- 禁用旋转木马中的下一个按钮和上一个按钮
- 当按下一个键时,请多次按下不同的键
- 正在加载下一个帖子
- 构建JS测试,警报窗口重复上一个Q,而不是问下一个Q
- 删除“;上一个“;以及“;下一个“;基于当前幻灯片
- 真正的下一个具有特定类的元素
- 如何使用javascript获取下一个/转发url
- jQuery转盘下一个元素没有滑入
- Jquery在偶数类中改变每个下一个偶数tr的颜色
- 将 TR 的所有下一个兄弟姐妹切换到下一个 TR 没有类
- chartjs 表每个制作系列不进行下一个 tr
- 如何检查下一个td是否在一个tr空或不使用jQuery