Liczba znaczników img wewnątrz znacznika div

Question

Mój kod jest taki.

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

Chcę policzyć liczbę znaczników img wewnątrz elementu div.

Znalazłem to z podobnego pytania na stackoverflow, który zwraca liczbę wszystkich dzieci.

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

Jak zmodyfikować ten kod lub użyć innej funkcji do zliczenia znaczników img wewnątrz elementu div?

Answer 1

Hrabia img wewnątrz #some_div:

$("#some_id img").length 

Jeśli chcesz tylko bezpośrednie dzieci, nie wszystkie elementy podrzędne:

$("#some_id > img").length 

Answer 2

Spróbuj

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

Answer 3

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

Wybierz tagów graficznych, takich jak ten.

Answer 4

Postaraj się je tak:

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

Answer 5

Użyj:

$("#some_id img").length 

Here's a fiddle of it.

Answer 6

użycie tego

$("#some_id img").length 

Answer 7

Zastosowanie

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

Answer 8

Albo zwykły wersja bez jQuery:

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

Answer 9

także (choć istnieje wiele właściwe odpowiedzi tutaj) , każda z tych metod w jQuery, na przykład dzieci(), rodzeństwo(), rodzice(), najbliżej() itp zaakceptować selektor jQuery jako parametr.

Więc robi

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

powinien powrócić, co trzeba, jak również.

Answer 10

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

Daje to całkowitą długość obrazów wewnątrz elementu div.