2013-03-03 59 views
2

因此,我已經爲此擱置了一段時間,似乎無法繞開它。我有一些內容是通過wysiwyg編輯器添加的。我想要做的是使用<hr>元素在那裏添加div來控制容器的外觀。問題是它增加了結束div。我想添加結束div到下一個hr元素。將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?

回答

0

這聽起來像是你想要包裝從第一次人力資源開始到最後一切結束的一切。

以下將包裹兩個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/

+0

它是說Uncaught TypeError:Object [object Object]沒有方法'替換' – Barrett 2013-03-03 23:52:00

+0

在jsfiddle.net中提供了一些樣例html,將ge在那裏工作。還可以使用更好的瀏覽器控制檯來檢查Firefox中的錯誤,Chrome或Firebug ......看起來像是一個IE錯誤,而其他瀏覽器則更具信息性 – charlietfl 2013-03-03 23:52:49

+0

看起來它在jsfiddle中工作。我想我有一個jQuery版本的問題。 http://jsfiddle.net/EvR9f/ – Barrett 2013-03-04 00:02:22