JQueryを使用して動的にhtmlテーブルにイメージを追加

Question

私は動的にJQueryを使用してhtmlテーブルにイメージを追加しようとしていますが、イメージを追加するためにテーブル2,3 ... etc trを見つける方法を混乱させます。

私のテーブル構造にはIDやクラスがありませんが、テーブルの前には以下のようなテキストがあります。 SKUの前に製品イメージを追加する方法

<table width="100%" border="0" cellspacing="1" cellpadding="5"> 
 
     <tbody> 
 
     <tr valign="top"> 
 
      <td colspan="2"><b>Order Details:</b><br> <br> 
 
       <table width="100%" bgcolor="#EEEEEE"> 
 
        <tbody> 
 
        <tr> 
 
         <td> 
 
          <b>Code</b> 
 
         </td> 
 
         <td> 
 
          <b>SKU</b> 
 
         </td> 
 
         <td> 
 
          <b>Quantity</b> 
 
         </td> 
 
         <td> 
 
          <b>Price</b> 
 
         </td> 
 
         <td> 
 
          <b>Grand Total</b> 
 
         </td> 
 
        </tr> 
 
        <tr> 
 
         <td>10172</td> 
 
         <td>Product 1<br></td> 
 
         <td>5</td> 
 
         <td> 
 
          ₹ 50.00 
 
         </td> 
 
         <td> 
 
          ₹ 250.00 
 
         </td> 
 
        </tr> 
 
        <tr> 
 
         <td>10165</td> 
 
         <td>Product 2<br></td> 
 
         <td>5</td> 
 
         <td> 
 
          ₹ 50.00 
 
         </td> 
 
         <td>₹ 250.00 
 
         </td> 
 
        </tr> 
 
        <tr> 
 
         <td colspan="5">&nbsp;</td> 
 
        </tr> 
 
        <tr> 
 
         <td colspan="3">&nbsp;</td> 
 
         <td align="right"> Subtotal: </td> 
 
         <td>₹ 250.00</td> 
 
        </tr> 
 
        <tr> 
 
         <td colspan="3">&nbsp;</td> 
 
         <td align="right"> Tax: </td> 
 
         <td>₹ 0.00</td> 
 
        </tr> 
 
        <tr> 
 
         <td colspan="3">&nbsp;</td> 
 
         <td align="right"> Shipping Cost: </td> 
 
         <td>₹ 0.00</td> 
 
        </tr> 
 
        <tr> 
 
         <td colspan="3">&nbsp;</td> 
 
         <td align="right"> Grand Total: </td> 
 
         <td>₹ 250.00</td> 
 
        </tr> 
 
        </tbody> 
 
       </table> 
 
       <br> 
 
      </td> 
 
     </tr> 
 
     </tbody></table>

。

ヘルプPLZ ..？

Answer 1

あなたがthead、あるいはヘッダーのthを使用していないとして、あなたは最初の行をスキップする必要があります、あなたが使用することができます「>」例えば、直接階層を指定します

$("table>tbody>tr>td>table>tbody>tr:not(:first-child)").each(function() { 
    var codecell = $(this).find("td:eq(0)"); 
    var img = "/pathtoimage/" + codecell.text() + ".jpg" 
    codecell.after("<td><img src='" + img + '/></td>"); 
}); 

更新：("td:eq(0)")の入力ミスを修正しましたvs ("td").eq(0) vs ("td")[0]