Перебор DOM элемента как массива

Question

Подскажите что выдала консоль. Так и должно быть или нужно иным способом перебрать массив?

<div class="s-far">
    <p>Lorem ipsum <span>dolor</span> sit amet, consectetur adipisicing elit. </p> 
    <p>Commodi illo enim qui in doloremque saepe, ab veniam consequuntur <span>eos</span></p>
</div>

Говорю консоле:

var spans = $('.s-far span');
for( key in spans ){
    console.log(spans[key])
}

Ответ убил:

Answer 1

Вы выводите в консоль значения свойств объекта-обертки jQuery.

var spans = $('.s-far span');
spans.each(function() {
  console.log(this.outerHTML);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="s-far">
  <p>Lorem ipsum <span>dolor</span> sit amet, consectetur adipisicing elit. </p>
  <p>Commodi illo enim qui in doloremque saepe, ab veniam consequuntur <span>eos</span></p>
</div>

БЛОГ НА HUSL

Перебор DOM элемента как массива

Ответы (1 шт):