Удалите дубликаты / ненужные теги с помощью jQuery

Question

Я пытаюсь создать свой собственный простой многофункциональный редактор, пока что все хорошо.

Я хочу как-то очистить свой код, удалив ненужные теги.

Я хочу преобразовать:

<div id="text"><b><b><b>This</b> is </b>a messy</b> code</div>

Into:

<div id="text"><b>This is a messy</b> code</div>

То же самое относится и к другим тегам, таким как <i>, <u> и т. Д.

Answer 1

$('b').find('b').unwrap();
$('i').find('i').unwrap();
$('u').find('u').unwrap();

Или более кратко:

$('b b, u u, i i').unwrap();

Answer 2

Я бы не использовал jquery для этого. Вместо этого я бы использовал инструмент для очистки на стороне сервера, который будет зависеть от платформы и технологии, которую вы используете на стороне сервера.

Одним из примеров будет HTML Tidy