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/

用Open Div替换HR元素

1 个答案: