Comment jQuery fonctionne-t-il lorsqu'il y a plusieurs éléments avec la même valeur d'ID ?

Question

Je récupère les données du site Web AdWords de Google qui contient plusieurs éléments avec le même id .

Pourriez-vous s'il vous plaît expliquer pourquoi les 3 requêtes suivantes ne donnent pas la même réponse (2) ?

Démo en direct

HTML :

 <div>
    <span id="a">1</span>
    <span id="a">2</span>
    <span>3</span>
</div>

JS :

 $(function() {
    var w = $("div");
    console.log($("#a").length);            // 1 - Why?
    console.log($("body #a").length);       // 2
    console.log($("#a", w).length);         // 2
});

Answer 1

Si vous avez plusieurs éléments avec le même identifiant ou le même nom, attribuez simplement la même classe à ces éléments multiples et accédez-y par index et effectuez l'opération requise.

   <div>
        <span id="a" class="demo">1</span>
        <span id="a" class="demo">2</span>
        <span>3</span>
    </div>

JQ :

 $($(".demo")[0]).val("First span");
$($(".demo")[1]).val("Second span");