如何使用jquery为每个图像添加ul和li？

我有下面的代码动态生成。它可以只是一个，两个，三个或四个图像。如何使用jquery为每个图像添加ul和li？

<div id="system">  

    <FORM ACTION="command.asp" METHOD="get" NAME="artForm"> 

    <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0"> 
    <TR> 
     <TD VALIGN="top"> 

    <H1>Lian Li PC-A70FB, Maxitower, Sort</H1> 
    <p> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    gravida eget ultricies vel, lobortis a ipsum. Donec sollicitudin mi eget nisl 
    vestibulum et euismod elit pretium. 
    </p> 


<img src="images/10047_1.jpg" alt="" /> 
<img src="images/10059_1.jpg" alt="" /> 
<img src="images/10101_1.jpg" alt="" /> // there could be more, or can be only one img 



     </TD> 

... 
...

我想添加ul和li标签到像这样的所有图像。

<ul class="thumb"> 

<li><img src="images/10047_1.jpg" alt="" /></li> 
<li><img src="images/10059_1.jpg" alt="" /></li> 
<li><img src="images/10101_1.jpg" alt="" /></li> 

</ul>

请问谁能告诉我该怎么做？

在此先感谢。

来源

2010-09-03 shin

$(function() { 
    $('img').wrapAll('<ul>').wrap('<li>'); 
});

来源

2010-09-03 07:46:38

您可以使用wrap（）和wrapAll（）方法。只需在每个img上调用wrap（）以添加li，然后将wrapAll（）全部包装到ul中。

来源

2010-09-03 07:45:36 PJP

如何使用jquery为每个图像添加ul和li？

回答

相关问题