Javascript 如何获取每个匹配元素的特定子元素数

如何为每个匹配的父元素获取匹配的子元素数？ HTML:

---

其思想是在循环遍历“parent”类的所有父类时，获取特定父类中的标记数。我怎么做？JS和jQuery解决方案都很受欢迎。

要获得特定的父级，您需要将事件处理程序附加到它，以便有一个可用于选择子

标记

元素的引用。在下面的示例中，我使用了

单击

，但任何事件都可以工作

$（'.parent'）。在（'click'，e=>{
让numMarks=$（e.currentTarget）.children（'mark'）.length；
控制台日志（numMarks）；
});

今天我吃了土豆
昨天我跳了起来，自学成才。
要获取特定的父级，您需要将事件处理程序附加到该父级，以便获得可用于选择子
标记
元素的引用。在下面的示例中，我使用了
单击
，但任何事件都可以工作


$（'.parent'）。在（'click'，e=>{
让numMarks=$（e.currentTarget）.children（'mark'）.length；
控制台日志（numMarks）；
});

今天我吃了土豆
昨天我跳了起来，自学成才。
您可以使用vanilla JS实现这一点，无需Jquery。只需像这样获取父类中的所有标记标记


console.log（document.querySelectorAll（'.parent mark'）.length）

今天我吃了土豆
昨天我跳了起来，自学成才。
您可以使用vanilla JS实现这一点，无需Jquery。只需像这样获取父类中的所有标记标记


console.log（document.querySelectorAll（'.parent mark'）.length）

今天我吃了土豆
昨天我跳了起来，自学成才。
您似乎已经回答了自己的问题您似乎已经回答了自己的问题我知道这一点。但是我需要这样做，同时循环遍历100多个.parent div，这就是我需要帮助的地方。我仍然不明白你的意思，
querySelectorAll（'.parent mark'）
将检查所有的.parent div，其中包含
mark
标记，让我给出更多细节。我需要隐藏所有没有确切数量的子标记元素的div。我知道这一点。但是我需要这样做，同时循环遍历100多个.parent div，这就是我需要帮助的地方。我仍然不明白你的意思，
querySelectorAll（'.parent mark'）
将检查所有的.parent div，其中包含
mark
标记，让我给出更多细节。我需要隐藏所有没有确切数量的子标记元素的div。
<div class="parent">
   Today I've eaten <mark>potatoes</mark>
</div>
<div class="parent"> 
   Yesterday I <mark>jumped</mark> and <mark>educated</mark> myself.
</div>

var context = $(".parent");
var amountOfMarksInside = context.each().has("mark").children("mark").length;