Question

我动态生成以下代码。它可以只有一个，两个，三个或四个图像。

<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>

有人能告诉我怎么做吗？

提前致谢。

Answer 1

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

Answer 2

您可以使用wrap（）和wrapAll（）方法。只需在每个img上调用wrap（）来添加li，然后在所有这些上调用wrapAll（）将它们包装在ul中。

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

2 个答案: