Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击一个元素后选择下两个元素。(jquery)_Javascript_Jquery_Traversal - Fatal编程技术网

Javascript 单击一个元素后选择下两个元素。(jquery)

Javascript 单击一个元素后选择下两个元素。(jquery),javascript,jquery,traversal,Javascript,Jquery,Traversal,我有一张这样的桌子: <table> <tbody> <tr class='clickme'> <td>...</td> </tr> <tr class='hidden1'> <td>...</td> </tr> <tr class='hidden2'> <td>...</td> </tr> <tr class='click

我有一张这样的桌子:

<table>
<tbody>
<tr class='clickme'>
<td>...</td>
</tr>
<tr class='hidden1'>
<td>...</td>
</tr>
<tr class='hidden2'>
<td>...</td>
</tr>
<tr class='clickme'>
<td>...</td>
</tr>
<tr class='hidden1'>
<td>...</td>
</tr>
<tr class='hidden2'>
<td>...</td>
</tr>
[etc.]
</tbody>
</table>
没有回应。多种不同的东西。我尝试了一些成功的兄弟姐妹,但它只显示了整个表中的第一个匹配项。这张桌子上可能有100双这样的鞋子

$('.clickme').click(function (e) {
        $(this).siblings(".hidden1:first").toggle(); 
        $(this).siblings(".hidden2:first").toggle(); 
    });

我被难住了,我觉得这是一个如此简单的解决方案

对于您的标记,它易于使用。下一步:

演示:

如果中间可能有其他行,则可以使用。筛选器:


对于您的标记,它易于使用。下一步:

演示:

如果中间可能有其他行,则可以使用。筛选器:


如果在执行以下操作之前,您还有其他不想选择的元素。单击我,因此无法使用VisioN的解决方案,您可以:

$('.clickme').click(function (e) {
    $(this).nextAll(".hide1").eq(0).toggle(); 
    $(this).nextAll(".hide2").eq(0).toggle(); 
});

如果在执行以下操作之前,您还有其他不想选择的元素。单击我,因此无法使用VisioN的解决方案,您可以:

$('.clickme').click(function (e) {
    $(this).nextAll(".hide1").eq(0).toggle(); 
    $(this).nextAll(".hide2").eq(0).toggle(); 
});

父div在哪里?就像@Jai说的,不应该是:$。单击我。单击。。。相反,您的代码中没有.hide1或.hide2只是为了澄清,“.something”是类名为某物的元素的jQuery选择器。抱歉,用正确的类名更新了。复制粘贴后忘记更改示例的名称。parent-div在哪里?就像@Jai说的,不应该是:$。单击我。单击。。。相反,您的代码中没有.hide1或.hide2只是为了澄清,“.something”是类名为某物的元素的jQuery选择器。抱歉,用正确的类名更新了。做了复制粘贴,但忘记更改示例的名称。+1不是明确要求的,但可能是解决方案。@dystroy filter将在任何可能的情况下执行此操作。如果两者之间存在其他.hidden1,则不会。clickme。@dystroy Then.filter.hidden1:first、.hidden2:first。同样简单:。太棒了!我喜欢这个解决方案。太完美了。感谢您的帮助。+1不是明确要求的,但可能是解决方案。@dystroy filter将在任何可能的情况下完成此工作。如果两者之间存在其他.hidden1,则不会。单击我。@dystroy Then.filter.hidden1:first,.hidden2:first。同样简单:。太棒了!我喜欢这个解决方案。太完美了。谢谢你的帮助。
$(this).nextUntil(".clickme").filter(".hidden1, .hidden2").toggle();
$('.clickme').click(function (e) {
    $(this).nextAll(".hide1").eq(0).toggle(); 
    $(this).nextAll(".hide2").eq(0).toggle(); 
});