Метод 1: использование функции jQuery .text()

var htmlString = "<p>This is a <strong>sample</strong> string with <em>HTML</em> tags.</p>";
var textString = $(htmlString).text();
console.log(textString);

Этот метод создает объект jQuery из строки HTML, а затем извлекает только текстовое содержимое, исключая любые теги HTML.

Метод 2. Использование регулярных выражений с функцией jQuery .replace()

var htmlString = "<p>This is a <strong>sample</strong> string with <em>HTML</em> tags.</p>";
var textString = htmlString.replace(/<[^>]+>/g, '');
console.log(textString);

Этот метод использует регулярное выражение для сопоставления и удаления любых HTML-тегов из строки.

Метод 3: использование комбинации функций .html()и .text()

var htmlString = "<p>This is a <strong>sample</strong> string with <em>HTML</em> tags.</p>";
var textString = $('<div>').html(htmlString).text();
console.log(textString);

Этот метод сначала создает временный элемент

var htmlString = "<p>This is a <strong>sample</strong> string with <em>HTML</em> tags.</p>";
var $wrappedString = $(htmlString);
$wrappedString.find('*').contents().unwrap();
var textString = $wrappedString.text();
console.log(textString);