Длина $ ('p'). Get () неверна с предварительно отформатированным тегом

Question

Я изучаю jQuery прямо сейчас, поэтому я тестирую некоторые базовые вещи, и у меня возникла небольшая проблема.

У меня это есть - когда я нажимаю кнопку, появляется предупреждение «4»! Что происходит?

var paragrafi;

$(function() {
  paragrafi = $('p').get();
});

function test() {
  alert(paragrafi.length);
}

  First paragraph.



  
Second paragraph with some preformatted code.

Третий абзац.

ТЕСТ

Answer 1

Проверьте ваш исходный код, когда браузер отображает его. Абзацы не могут содержать элементы <pre>, поэтому браузер пытается исправить недопустимый для вас HTML-код и изменяет его на:

<code><p>
  First paragraph.
</p>

<p>
  </p><pre>Second paragraph with some preformatted code.

Третий абзац,

Абзацы являются элементами уровня блока и, в частности, автоматически закрываются, если перед закрывающим тегом </p> анализируется другой элемент уровня блока.

Отсюда четыре абзаца