计算div标签内的img标签数量

Question

我的代码是这样的。

<div id="some_id">
    <img src="some_image.png">
    <img src="some_image.png">
    <div class="another_div"></div>
    <div class="another_div"></div>
</div>

我想计算div元素中img标签的数量。

我在stackoverflow上的类似问题中找到了这个问题，它返回了所有孩子的计数。

var count = $("#some_id").children().length;

如何修改此代码或使用其他函数来计算div中img标记的数量？

Answer 1

在#some_div中计算img：

 $("#some_id img").length

如果你只想要直接的孩子，而不是所有的后代：

$("#some_id > img").length

Answer 2

使用

var count = $("#some_id").find('img').length;

Answer 3

var count = $("#some_id img").length

选择像这样的图像标签。

Answer 4

试试这个

var count = $('#some_id').find('img').length;

Answer 5

或者没有jQuery的普通版本：

document.getElementById("some_id").getElementsByTagName("img").length

Answer 6

使用此

$("#some_id img").length

Answer 7

试着让他们这样：

var count = $("#some_id img").length;

Answer 8

使用：

$("#some_id img").length

Here's a fiddle of it.

Answer 9

另外（尽管这里有很多正确的答案），jQuery中的每一种方法，例如 children（），兄弟姐妹（），父母（）， nearest（）等，接受jQuery选择器作为参数。

这样做

$("#some_id").children("img").length

也应该返回你需要的东西。

Answer 10

var count = $("#some_id img").length; 

它将为您提供div内图像的总长度。