jQuery将元素从一个类选择到另一个类。都在同一水平上
我有以下表格结构:jQuery将元素从一个类选择到另一个类。都在同一水平上,jquery,jquery-selectors,Jquery,Jquery Selectors,我有以下表格结构: … <tr class="title"><td>Title 1</td></tr> <tr class="product"><td>Product</td></tr> <tr class="product"><td>Product</td></tr> <tr class="product"><td>Produc
…
<tr class="title"><td>Title 1</td></tr>
<tr class="product"><td>Product</td></tr>
<tr class="product"><td>Product</td></tr>
<tr class="product"><td>Product</td></tr>
<tr class="product"><td>Product</td></tr>
<tr class="title"><td>Title 2</td></tr>
<tr class="product"><td>Product</td></tr>
<tr class="product"><td>Product</td></tr>
<tr class="product"><td>Product</td></tr>
<tr class="product"><td>Product</td></tr>
<tr class="product"><td>Product</td></tr>
<tr class="product"><td>Product</td></tr>
<tr class="title"><td>Title 3</td></tr>
<tr class="product"><td>Product</td></tr>
<tr class="product"><td>Product</td></tr>
<tr class="product"><td>Product</td></tr>
…
因为它们都在同一张表中,所以我不能使用children
有什么想法吗 您可以使用
.nextUntil('.title')
以所有.product
行为目标,如:
$(“.title”)。单击(函数(){
$(this).nextUntil('.title').toggle()
});代码>
标题1
产品
产品
产品
产品
标题2
产品
产品
产品
产品
产品
产品
标题3
产品
产品
产品
您可以使用.nextUntil('.title')
以所有.product
行为目标,如:
$(“.title”)。单击(函数(){
$(this).nextUntil('.title').toggle()
});代码>
标题1
产品
产品
产品
产品
标题2
产品
产品
产品
产品
产品
产品
标题3
产品
产品
产品
$(此).nextUntil('.title').slideToggle(“慢”)代码>$(此).nextUntil('.title').slideToggle(“慢”)代码> 考虑在你的答案中加上一些上下文来帮助别人理解你是如何解决问题的。考虑在你的答案中加上一些上下文来帮助别人理解你是如何解决问题的。
$(".title").click(function() {
// get all product classes until the next title
var target = $(this).[INSERT CODE HERE]
$(this).toggleClass('show_hide');
// toggle the content
$(target).slideToggle("slow");
});