テキストをwoocommerfceチェックアウトページテーブルに変更する必要があります

Question

jqueryを使用してテーブルのコンテンツを変更する必要があります。 私のパット

#post-39 > div > div > div > div.cart_totals > table > tbody > tr:nth-child(3) > th

私は、次のコードを試してみましたが、それは動作しません。

$(document).ready(function(){ 
    $('#post-39 > div > div > div > div.cart_totals > table > tbody > tr:nth-child(3) > th').html('foo'); 
}); 

HTMLは、このコードを試し

$(document).ready(function(){ 
 
    $('table > tbody > tr:nth-child(3) > td').html('foo'); 
 
});

<table cellspacing="0" class="shop_table shop_table_responsive"> 
 
<tbody><tr class="cart-subtotal"> 
 
<th>Subtotal</th> 
 
<td data-title="Subtotal"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>&nbsp;2,370.00</span></td> 
 
</tr> 
 
<tr class="shipping"> 
 

 
<th>Shipping</th> 
 

 
<td data-title="Shipping"> 
 
</td> 
 
</tr> 
 
<tr class="shipping"> 
 

 
<th>Shipping 2</th> 
 

 
<td data-title="Shipping 2"> 
 
</td> 
 
</tr> 
 
<tr class="order-total"> 
 
<th>Total</th> 
 
<td data-title="Total"><strong><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>&nbsp;2,407.99</span></strong> </td> 
 
</tr> 
 
</tbody></table>

Answer 1

IS：

$(document).ready(function(){ 
$('table > tbody > tr:nth-child(3) > th').html('foo'); 

}）。

check it