jQuery поиск children после одиночных тегов

Дело в том, что <p> — это такой особенный тег, который не требует обязательного явного закрытия и который может неявно закрываться одним из следующих тегов (список взял из MDN):

<address>, <article>, <aside>, <blockquote>, <div>, <dl>, <fieldset>, <footer>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <hr>, <menu>, <nav>, <ol>, <pre>, <section>, <table>, <ul> или ещё один <p>

Таким образом, структура вида:

<p>Что-то<hr>что-то ещё</p>

парсится в такой вид:

<p>Что-то</p>
<hr/>
что-то ещё
<p></p>

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

Если вы хотите получать все эти внутренности, можно, к примеру, обернуть всё это дело в <div>, который никогда неявно не закрывается (данный код является валидным):

console.log( 
    document.querySelector('div').children.length 
); 
 
// И для наглядности посмотрим, как браузер распарсил html-код: 
console.log(document.querySelector('div').outerHTML);

<div> 
   <p>Some text <hr> some <b>text</b>!!!! 
</div>

Если же вам принципиально завернуть всё в <p>, то придётся писать код вроде <p>Some text</p><hr><p>some <b>text</b>!!!!</p>