用 Open Div 替换 HR 元素

Question

所以我已经被这个问题难住了一段时间，似乎无法真正解决它。我有一些通过所见即所得编辑器添加的内容。我想要做的是使用<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/