Contare il numero di tag img all'interno di un tag div

Question

Il mio codice va così.

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

Voglio contare il numero di tag img all'interno di quell'elemento div.

Ho trovato questo da una domanda simile su StackOverflow che restituisce il conteggio di tutti i bambini.

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

Come modificare questo codice o utilizzare qualche altra funzione per contare il numero di tag img all'interno del div?

Answer 1

Conte img all'interno #some_div:

$("#some_id img").length 

Se si desidera che solo i figli diretti, non tutti i discendenti:

$("#some_id > img").length 

Answer 2

Prova questa

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

Answer 3

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

Selezionare i tag di immagine come questa.

Answer 4

cercare di farli in questo modo:

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

Answer 5

Uso:

$("#some_id img").length 

Here's a fiddle of it.

Answer 6

uso questo

$("#some_id img").length 

Answer 7

Usa

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

Answer 8

o la versione normale senza jQuery:

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

Answer 9

anche (anche se ci sono molte risposte giuste qui) , ognuno di questi metodi in jQuery, come bambini(), fratelli(), genitori(), più vicino(), ecc accettare un selettore jQuery come parametro.

Così facendo

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

dovrebbe restituire ciò che è necessario pure.

Answer 10

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

Vi darà la lunghezza totale delle immagini all'interno di un div.