Как выбрать первый параграф в строке JavaScript?

Question

[zooks]

Приветствую, друзья.
Итак, имеется строка
text = "<p>First line</p><p>Second line</p>";

Требуется выделить из text только содержимое первого параграфа, т.е.
"<p>First line</p>"

Возможно ли это сделать желательно без регулярок и jQuery? Как будет наиболее корректно?

Answer 1

[Andrzej Wielski]

jQuery?
$(text).find('p').first().html();

JS:

var text = "<p>First line</p><p>Second line</p>";
var tempDiv = document.createElement('div');
tempDiv.innerHTML = text;
alert(tempDiv.firstChild.innerHTML);

Comments

[zooks]

Спасибо за ответ. Интересует как реализовать на чистом JavaScript, не подключать же из-за мелочи библиотеку. К тому же решение не отвечает на заданный вопрос: мы работаем со строкой, а не с DOM.

[Andrzej Wielski]

zooks: jQuery может без проблем преобразовать строку в DOM.

На чистом js:

var text = "<p>First line</p><p>Second line</p>";
var tempDiv = document.createElement('div');
tempDiv.innerHTML = text;
alert(tempDiv.firstChild.innerHTML);

[zooks]

Andrzej Wielski: Отлично, временный элемент точно нигде не вылезет? Перенесите решение в ответ. Вышеуказанный код jQuery, кстати, не работает - undefined.

[Andrzej Wielski]

zooks: Вынес в ответ. Точно нигде не вылезет :)

Answer 2

[oleg_drozdov]

А нет ли возможности получить его не строкой, а конкретно элемент вытянуть?

Comments

[zooks]

Нет, есть конкретно строка, полученная с внешнего источника, которая потом включается в код через innerHTML.

[oleg_drozdov]

var firstP = text.substring(0, 17) - тогда так

[zooks]

oleg_drozdov: о нет, количество элементов внутри параграфа может варьироваться.

[oleg_drozdov]

zooks: тогда так, как описано выше, преобразовывать в ДОМ элемент. Онли так или регулярка

Answer 3

[Дмитрий Еремин]

Уверен, есть куда более красивое решение, но можн вот так:

var p = document.getElementsByTagName('p')[0].textContent;

Соответственно, конкретно этот код, понятное дело, выцепит первый абзац на странице (вернее, его текст)
Но, думаю, понятно, как натравить сначала на нужный раздел, а внутри уже забирать первый