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

有什么方法可以计算类之间的元素：pic_1。输出应该是3和2，因为有3个tr-td元素，然后在类2之后

---

除包含图片的标签外，所有td标签均显示：默认为无。我想，如果我点击第一张图片，它应该显示前3个tds。哈罗1，哈罗2，哈罗3，如果我点击图片2。它应该向我展示hallo 1，hallo 2，因为我可以使用toogle，但我如何计算，类下有多少元素：pic_1，直到下一张pic

<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>

---

可以使用类显示/隐藏与特定元素的相对元素。让我们假设给hello 1/2/3的类作为“Pic_1_亲戚”，给hello 1/2的类作为“Pic_2_亲戚”

---

现在点击Pic_1只需显示“Pic_1_亲属”->显示：块和“Pic_2_亲属”->显示：无；点击“Pic_2_亲戚”也可以这样做

欢迎访问SO。这里的想法是，你展示你已经尝试过的，解释什么不起作用，然后我们提供帮助。您的问题当前要求某人为您完成工作。是。到目前为止您尝试了什么？除了包含图片的标签外，所有td标签都显示为：默认为无。我想，如果我点击第一张图片，它应该显示前3个tds。哈罗1，哈罗2，哈罗3，如果我点击图片2。现在你只是重复了你想要的，你被要求告诉/告诉我们你已经尝试了什么。请阅读，然后相应地编辑您的问题。您要显示的元素不是类中其他元素之间的元素，不是DOM意义上的元素。实现您想要的并不是不可能的，但是这种HTML结构实际上并不太适合它。问题是，首先这是否应该是一张桌子。