Подсчитайте количество тегов img внутри тега div

Мой код выглядит следующим образом.

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

Я хочу подсчитать количество тегов img внутри этого элемента div.

Я нашел это из аналогичного вопроса о stackoverflow, который возвращает количество всех дочерних элементов.

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

Как мне изменить этот код или использовать какую-либо другую функцию для подсчета количества тегов img внутри div?

Ответы

Ответ 1

Count img внутри #some_div:

 $("#some_id img").length

Если вам нужны только прямые дети, не все потомки:

$("#some_id > img").length

Ответ 2

Использование

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

Ответ 3

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

Выберите теги изображений, подобные этому.

Ответ 4

Попробуйте это

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

Ответ 5

Или простая версия без jQuery:

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

Ответ 6

используйте этот

$("#some_id img").length

Ответ 7

Попробуйте сделать так:

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

Ответ 8

Использование:

$("#some_id img").length

Здесь сценарий.

Ответ 9

Также (хотя здесь есть много правильных ответов), каждый из этих методов в jQuery, например children(), siblings(), родители(), ближайший() и т.д. принимают в качестве параметра селектор jQuery.

Итак,

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

должен вернуть то, что вам нужно.

Ответ 10

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

Это даст вам общую длину изображений внутри div.