jQuery圍繞一大塊HTML包裝div

Question

我搜索.wrap() .append() .wrapall()和.insertAfter()並沒有發現解決方案。 我想采用一個新的div並將其包裝在一個html塊中。 我無法訪問HTML，所以我需要使用jQuery。

.insertAfter()函數是理想的，但遺憾的是它會自動關閉html標記。

問題的根源是我需要將兩個單獨的div集中在一起，我無權訪問它們的HTML。

$(function () {  
    $('<div id="centerContainer">').insertAfter('#header');
    $('</div><!-- centerContainer -->').insertAfter('#footer');
});

Answer 1

這不是DOM的功能， .insertAfter()以這種方式向DOM添加元素而不是字符串，你應該選擇所有元素，然后在返回的集合上調用.wrapAll() 。

假設（ 基於發布的代碼 ） #header和#footer元素之間的所有元素（ 如果他們的兄弟姐妹 ）應該用另一個元素包裝，你可以使用.nextUntil()來選擇#header下一個兄弟，直到#footer元素然后在返回的集合上調用.wrapAll() ：

$('#header').nextUntil('#footer').wrapAll('<div id="centerContainer"></div>');