Замените элемент HR на Open Div

Question

Так что я уже давно с этим сдерживался и, похоже, не могу обойти его. У меня есть контент, который добавляется через редактор wysiwyg. Я хочу использовать элемент <hr>, чтобы добавить туда div, чтобы контролировать внешний вид контейнера. Проблема в том, что он добавляет закрывающий div. Я хочу добавить закрывающий div к следующему элементу hr.

var firstChild = jQuery('.content-container-wrapper hr:first-child'); 
var lastChild = jQuery('.content-container-wrapper hr:last-child'); 
if (firstChild) { 
    jQuery(firstChild).replaceWith('<div class="working">'); 
}; 

Есть ли способ сказать браузеру не добавлять закрывающий div?

Answer 1

Похоже, вы хотите обернуть все, начиная с первого HR и заканчивая последним.

После этого будет обертываться все между двумя HR, а затем удалять их (моя интерпретация вашего вопроса).

var $start=jQuery('.content-container-wrapper hr:first-child'), 
    $end=jQuery('.content-container-wrapper hr:last-child'); 

$start.nextUntil($end).wrapAll('<div class="working">'); 
$start.add($end).remove(); 

Вы не можете вставить часть элемента, а затем вставьте конец, как вы делаете в текстовом редакторе

ссылка API:

http://api.jquery.com/wrapAll/

http://api.jquery.com/nextUntil/