如何获取javascript中特定子元素的数量

这是Html

<figure>
    <img class="hover_active" src="http://placehold.it/360x480&text=image+1" alt="">
    <img src="http://placehold.it/360x480&text=image+2" alt="">
    <img src="http://placehold.it/360x480&text=image+3" alt="">
    <img src="http://placehold.it/360x480&text=image+4" alt="">
    <img src="http://placehold.it/360x480&text=image+5" alt="">

    <figcaption>
        <h5>Product Name</h5>
        <p>Rs. <span class="original_price">2,000</span></p>
    </figcaption>
</figure>

品名
2000卢比

我需要做的是获得

figure

元素中子元素的数量，而不是选择

figcaption

元素，它恰好也是

figure

的子元素，这样我就可以进一步创建一个循环，并在JavaScript中将“图像项的数量”作为变量传递。有人能帮我吗？

使用，试试：

演示：：

如果您使用的是jQuery，请执行以下操作：

var imgLength = $(".product_grid_list").find("figure > img").length;
alert(imgLength);

演示：：

使用，尝试：

演示：：

如果您使用的是jQuery，请执行以下操作：

var imgLength = $(".product_grid_list").find("figure > img").length;
alert(imgLength);

演示：：

使用，尝试：

演示：：

如果您使用的是jQuery，请执行以下操作：

var imgLength = $(".product_grid_list").find("figure > img").length;
alert(imgLength);

演示：：

使用，尝试：

演示：：

如果您使用的是jQuery，请执行以下操作：

var imgLength = $(".product_grid_list").find("figure > img").length;
alert(imgLength);

---

演示：：

如果您不使用

document.querySelectorAll('figure img').length

安全版

var frag = document.querySelectorAll('figure img'),
           counter = (frag === null) ? 0 : frag.length;

---

如果您不使用

document.querySelectorAll('figure img').length

安全版

var frag = document.querySelectorAll('figure img'),
           counter = (frag === null) ? 0 : frag.length;

---

如果您不使用

document.querySelectorAll('figure img').length

安全版

var frag = document.querySelectorAll('figure img'),
           counter = (frag === null) ? 0 : frag.length;

---

如果您不使用

document.querySelectorAll('figure img').length

安全版

var frag = document.querySelectorAll('figure img'),
           counter = (frag === null) ? 0 : frag.length;

---

感谢您的帮助Sudhir，我修改了您的语句如下

$（function（）{var imageCount=$（'product\u grid\u list'）。find（'figure'）[0]。getElementsByTagName（'img'）。length；alert（imageCount）；}）但警报不起作用。这是小提琴，你能告诉我是什么吗wrong@Anuj请参阅更新的答案，您在$（'product_grid_list'）中缺少选择器，如果它的类使用$（'.product_grid_list'），如果它的id使用$（'.#product_grid_list'）@Anuj'imgLength'是img元素的总数，它是一个数值。。！感谢您的帮助Sudhir，我修改了您的语句如下
$（function（）{var imageCount=$（'product\u grid\u list'）。find（'figure'）[0]。getElementsByTagName（'img'）。length；alert（imageCount）；}）但警报不起作用。这是小提琴，你能告诉我是什么吗wrong@Anuj请参阅更新的答案，您在$（'product_grid_list'）中缺少选择器，如果它的类使用$（'.product_grid_list'），如果它的id使用$（'.#product_grid_list'）@Anuj'imgLength'是img元素的总数，它是一个数值。。！感谢您的帮助Sudhir，我修改了您的语句如下
$（function（）{var imageCount=$（'product\u grid\u list'）。find（'figure'）[0]。getElementsByTagName（'img'）。length；alert（imageCount）；}）但警报不起作用。这是小提琴，你能告诉我是什么吗wrong@Anuj请参阅更新的答案，您在$（'product_grid_list'）中缺少选择器，如果它的类使用$（'.product_grid_list'），如果它的id使用$（'.#product_grid_list'）@Anuj'imgLength'是img元素的总数，它是一个数值。。！感谢您的帮助Sudhir，我修改了您的语句如下
$（function（）{var imageCount=$（'product\u grid\u list'）。find（'figure'）[0]。getElementsByTagName（'img'）。length；alert（imageCount）；}）但警报不起作用。这是小提琴，你能告诉我是什么吗wrong@Anuj请参阅更新的答案，您在$（'product_grid_list'）中缺少选择器，如果它的类使用$（'.product_grid_list'），如果它的id使用$（'.#product_grid_list'）@Anuj'imgLength'是img元素的总数，它是一个数值。。！嗯，是的。。关于第二句话，我一点也不知道：是的。。关于第二句话，我一点也不知道：是的。。关于第二句话，我一点也不知道：是的。。关于第二句话，我一点也不知道：P