Làm cách nào để thêm phần tử gốc vào một nhóm đoạn văn?

Question

Tôi có HTML này:

<div id="description"> 
    <h5>Title</h5> 
    <p>First paragraph</p> 
    <p>Second paragraph</p> 
    <p>Third paragraph</p> 
</div> 

Tôi muốn chèn, với jQuery, một yếu tố phụ huynh cho tất cả <p> yếu tố, ngoại trừ cái đầu tiên. Vì vậy, các HTML mà tôi muốn tạo ra là thế này:

<div id="description"> 
    <h5>Title</h5> 
    <p>First paragraph</p> 
    <div class="details"> 
    <p>Second paragraph</p> 
    <p>Third paragraph</p> 
    </div> 
</div> 

Có những .wrap() hàm trong jQuery có thể thêm một phụ huynh, nhưng nếu tôi sử dụng nó như thế này:

$("#description p:not(:first)").wrap('<div class="details" />'); 

Nó kết thúc tốt đẹp tất cả của tôi <p> riêng lẻ.

Có cách nào để tôi có thể sửa đổi bộ chọn của mình để đặt <div> quanh "nhóm" thay thế không? Hoặc có lẽ nó dễ dàng hơn bằng cách sử dụng một chức năng khác mà chưa được biết đến với tôi?

Cảm ơn!

Answer 1

Vì vậy, bạn đang tìm kiếm phương thức .wrapAll().

$("#description p").not(":first").wrapAll('<div class="details" />'); 

Ref .: .wrapAll()