Question

是否有任何方法可以计算类pic_1之间的元素。输出应该是3和2，因为有3个tr td元素，然后在类2之后再次出现。

除包含图片的标签外，所有td标签均显示：默认为无。我想要，如果我单击第一张图片，它应该显示前3个tds。（你好1，你好2，你好3），如果我单击图片2，它应该向我显示（你好1，你好2），因为我可以使用toogle，但是我如何计数，在类中有多少个元素：pic_1直到下一张图片。

<table>
    <tr>
        <td> <img src="" class="Pic_1">Picture1</td> 
    </tr>
    <tr>
        <td>hallo 1</td>
    </tr>
    <tr>
        <td>hallo 2</td>
    </tr>
    <tr>
        <td>hallo 3</td>
    </tr>
    <tr>
        <td> <img src="" class="Pic_2">Picture2</td> 
    </tr>
    <tr>
        <td>hallo 1</td>
    </tr>
    <tr>
        <td>hallo 2</td>
    </tr>
</table>

Answer 1

您可以使用类来显示/隐藏相对于特定元素的元素。假设将hello 1/2/3的类设为'Pic_1_relatives'，将hello 1/2的类设为'Pic_2_relatives'

现在单击Pic_1时，仅显示“ Pic_1_relatives”->显示：阻止，而显示“ Pic_2_relatives”->显示：无；并点击“ Pic_2_relatives”

如何使用JS计算类之间的子元素？

1 个答案: