17

我的代码是这样的。

<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 标签数量？

4

10 回答 10

36

在#some_div 中计算img：

 $("#some_id img").length

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

$("#some_id > img").length
于 2013-07-24T12:13:35.353 回答
13

采用

var count = $("#some_id").find('img').length;
于 2013-07-24T12:15:27.633 回答
7 
var count = $("#some_id img").length

像这样选择图像标签。

于 2013-07-24T12:13:10.263 回答
4

试试这个

var count = $('#some_id').find('img').length;
于 2013-07-24T12:13:09.190 回答
4

或者没有 jQuery 的普通版本：

document.getElementById("some_id").getElementsByTagName("img").length
于 2013-07-24T12:27:12.610 回答
3

用这个

$("#some_id img").length
于 2013-07-24T12:15:03.767 回答
2

试着让他们像这样：

var count = $("#some_id img").length;
于 2013-07-24T12:13:20.763 回答
1

采用：

$("#some_id img").length

这是它的一个小提琴。

于 2013-07-24T12:14:08.987 回答
1

此外（即使这里有很多正确的答案），jQuery 中的每一个方法，例如children()、兄弟姐妹()、parents()、最接近()等，都接受一个 jQuery 选择器作为参数。

这样做

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

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

于 2013-07-24T13:28:59.913 回答
0 
var count = $("#some_id img").length;

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

于 2018-01-09T11:50:24.073 回答