2

そのため、私はしばらくこれに悩まされており、実際にはそれを回避できないようです. wysiwyg エディターを介して追加されたコンテンツがいくつかあります。私がやりたいことは、<hr>要素を使用してそこに div を追加し、コンテナーの外観を制御することです。問題は、終了 div を追加することです。次の hr 要素に終了 div を追加したい。

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 を追加しないようにブラウザに指示する方法はありますか?

4

1 に答える 1

0

最初のHRで始まり、最後で終わるすべてをラップしたいようです。

以下は、2つの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/

于 2013-03-03T23:29:38.080 に答える