Как правило, использовать регулярные выражения для поиска какого-либо элемента в HTML структуре - плохая затея. Поэтому обычно пользуются парсингом.
Воспользоваться методом jQuery.parseHTML
в данном случае не получится, так как при его использовании тег body
удаляется из результата.
Однако при валидной структуре документа можно воспользоваться jQuery.parseXML для создания полной структуры, в которой уже можно будет найти body
с помощью find
:
var html = "<!DOCTYPE html><html><body class='one two'><p></p></body></html>";
var xmlDoc = $.parseXML(html);
console.log($(xmlDoc).find("body").attr("class"));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
При желании можно обойтись и без jQuery:
var html = "<!DOCTYPE html><html><body class='one two'><p></p></body></html>";
var parser = new DOMParser();
var htmlDoc = parser.parseFromString(html, "text/html");
console.log(htmlDoc.body.classList);
И только если по какой-то причине парсингом воспользоваться нельзя, можно попытаться смастерить рег. выражение. Которое, однако, не гарантирует корректность работы во всех случаях.
В данном примере представленное рег. выражение отработает как нужно:
var html = "<!DOCTYPE html><html><body id='x' class='one two'><p class='three'></p></body></html>";
var match = html.match(/<body.*?class=("|')(.*?)("|')/i);
console.log(match[2]);
html
, то должно работать и так