jQuery-Selektor Kind Tabelle

Question

ausschließen Hier wird der jQuery-Skript versuchen, die erste Spalte einer HTML-Tabelle oben Skript

var order_table = $('.hor-scroll').eq(1); 
//alert(order_table.html()); 
var order_table_copy = order_table; 

order_table_copy.find(".order-tables th:first-child").remove();  
order_table_copy.find(".order-tables td:first-child").remove(); 

, sondern auch die th entfernen zu entfernen, td von Menge-Tabelle

die html

<table cellspacing="0" class="data order-tables" style="width: 100%;"> 
    <colgroup> 
     <col> 
     <col width="1"> 
     <col width="1"> 
     <col width="1"> 
     <col width="1"> 
     <col width="1"> 
     <col width="1"> 
     <col width="1"> 
     <col width="1"> 
     <col width="1"> 
    </colgroup> 
    <thead> 
     <tr class="headings"> 
     <th width="1">Localisation</th> 
     <th>Image</th> 
     <th>Product</th> 
     <th>Sku</th> 
     <th><span class="nobr">Item Status</span></th> 
     <th>Unit Price</th> 
     <th class="a-center">Qty</th> 
     <th>Subtotal</th> 
     <th>Marge</th> 
     </tr> 
    </thead> 
    <tbody class="even"> 
     <tr class="border"> 
     <td class="a-left"></td> 
     <td class="a-center"> 
      <img src="" width="100px"> 
     </td> 
     <td class="a-left">Laser Pants</td> 
     <td class="a-left">test</td> 
     <td class="a-center">Mixed</td> 
     <td class="a-right"> 
      <span class="price-excl-tax"> 
      <span class="price">$64.99</span>     
      </span> 
      <br> 
     </td> 
     <td> 
      <table cellspacing="0" class="qty-table"> 
       <tbody> 
        <tr> 
        <td>Ordered</td> 
        <td><strong>100</strong></td> 
        </tr> 
        <tr> 
        <td>Invoiced</td> 
        <td><strong>100</strong></td> 
        </tr> 
        <tr> 
        <td>Refunded</td> 
        <td><strong>9</strong></td> 
        </tr> 
       </tbody> 
      </table> 
     </td> 
     <td class="a-right"> 
      <span class="price-excl-tax"> 
      <span class="price">$6,499.00</span>     
      </span> 
      <br> 
     </td> 
     <td class="a-center"> 
      0<span>%</span>  
     </td> 
     </tr> 
    </tbody> 
    <tbody class="odd"> 
     <tr class="border"> 
     <td class="a-left"></td> 
     <td class="a-center"> 
      <img src="" width="100px"> 
     </td> 
     <td class="a-left">Laser Hoody</td> 
     <td class="a-left">test</td> 
     <td class="a-center">Invoiced</td> 
     <td class="a-right"> 
      <span class="price-excl-tax"> 
      <span class="price">$84.99</span>     
      </span> 
      <br> 
     </td> 
     <td> 
      <table cellspacing="0" class="qty-table"> 
       <tbody> 
        <tr> 
        <td>Ordered</td> 
        <td><strong>100</strong></td> 
        </tr> 
        <tr> 
        <td>Invoiced</td> 
        <td><strong>100</strong></td> 
        </tr> 
       </tbody> 
      </table> 
     </td> 
     <td class="a-right"> 
      <span class="price-excl-tax"> 
      <span class="price">$8,499.00</span>     
      </span> 
      <br> 
     </td> 
     <td class="a-center"> 
      0<span>%</span>  
     </td> 
     </tr> 
    </tbody> 
</table> 

aber ich kann die Qt-Tabelle nicht ausschließen, ich hatte so viele verschiedene, aber nicht funktioniert.

Answer 1

Versuchen order_table_copy.find(".order-tables th:first-child:not(.qty-table)")

in :first-of-type Schauen Sie auch. Beachten Sie außerdem, dass jQuery-Selektoren ein Array zurückgeben. Wenn alles andere fehlschlägt, können Sie immer die Funktion js filter von Arrays verwenden.

Update: Um die td die die .qty-table, stellen Sie sicher zu vermeiden, dass die ausgewählte td kein td unter dem

order_table_copy.find(".order-tables tr td:first-child:not(.qty-table td)").remove();