jQuery的：一個HTML表

Question

說裏面圖片的位置我有一個表：

<table id="table1" border="1"> 
    <tr> 
     <td id='id1' style="width:200px"></td> 
     <td id='id2' style="width:200px">2222</td> 
    </tr> 

    </table> 

我使用下面的代碼圖像添加到這些表格單元格

$('#id1').append('<img src=images/image1.jpg />'); 
$('#id1').append('<img src=images/image2.jpg />'); 
$('#id1').append('<img src=images/image3.jpg />'); 

$('#id2').append('<img src=images/image4.jpg />'); 

現在我想達到的目標是這樣的：
1.對於單元格「id2」，我希望圖像始終與右側對齊，因此它不在文本旁邊。
2.對於單元格「id1」，由於這3張圖片大小不同（24x24,32x32,24x24），我不希望它們彼此相鄰。我想要的是，如果在該單元格中有3個小單元格，每個單元格的大小都是32x32，並將這些圖像逐個放入這些小單元格中。

我不擅長html或javascript。有可能這樣做嗎？

Answer 1

CSS

#id2 img { float: right; } 

HTML

<table id="table1" border="1"> 
    <tr> 
     <td id='id1' style="width:200px"><table><tr></tr></table></td> 
     <td id='id2' style="width:200px">2222</td> 
    </tr> 
    </table> 

的Javascript

$('#id1').find('tr').append('<td><img src=images/image1.jpg /></td>'); 
... 

Answer 2

基於一次性項目＃2我說你還沒有完成定義你的表。你需要在＃id2中添加一個嵌套表（這種方法的優點可以在稍後討論）。

所以，你的表是

<table> 
    <tr> 
     <td id="id1"></td> 
    </tr> 
    <tr> 
     <td> 
      <table> 
       <tr> 
        <td id="id1a"></td> 
        <td id="id1b"></td> 
        <td id="id1c"></td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table> 

從那裏你你的圖像附加到子細胞。