按標籤由標籤裏和周圍組裏替換每個標籤p UL

Question

這裏的html：

<section class="category"> 
     <p><a href="product-list.html">Lorem ipsum dolor sed diam</a></p> 
     <p><a href="product-list.html">Lorem ipsum dolor sed diam</a></p> 
     <p><a href="product-list.html">Lorem ipsum dolor sed diam</a></p> 
     <p><a href="product-list.html">Lorem ipsum dolor sed diam</a></p> 
     <section class="clear"></section> 
    </section> 

如何更換標籤p - >李和UL標籤包裹組裏。我需要的是：

<section class="category"> 
     <ul> 
     <li><a href="product-list.html">Lorem ipsum dolor sed diam</a></li> 
     <li><a href="product-list.html">Lorem ipsum dolor sed diam</a></li> 
     <li><a href="product-list.html">Lorem ipsum dolor sed diam</a></li> 
     <li><a href="product-list.html" >Lorem ipsum dolor sed diam</a></li> 
     </ul> 
     <section class="clear"></section> 
</section> 

Answer 1

jQuery('.category').each(function(){ 
    var c = jQuery(this); 
    var ul = jQuery('<ul/>'); 
    c.find('p').each(function(){ 
     var p = jQuery(this); 
     ul.append(jQuery('<li/>').append(p.children())); 
    }).remove(); 
    c.prepend(ul);   
}); 

Answer 2

在你的jQuery做到這一點

$("p").each(function() { 
$(this).replaceWith("<li>" + $(this).html() + "</li>"); 
    }); 

而且請提高你的錄取率。

Answer 3

可以使用的

http://api.jquery.com/replaceWith/

和

http://api.jquery.com/wrapAll/

$(".category p").wrapAll("<ul>").replaceWith(function() { 
    return $("<li></li>").append($(this).html()); 
});