JS内のテーブル内にクラスなしのコンテンツをターゲットにする方法

Question

私はこのコードをWooCommerceと他のいくつかのプラグインで生成しています。私はその非破壊スペースとセミコロンを取り除きたいです :。私はこれを行う適切な方法は、PHPコード自体からそれを削除することを知っているが、私は幸運なしでそれを探して時間を費やしたので、私はJSでそれを隠すだろうと思ったが、  :をターゲットにして、他の2つに影響を与えることなくspanのtdに影響します。

<tr class="shipping"> 
    <th>Shipping</th> 
    <td data-title="Shipping"> 
     &nbsp;: <span class="woocommerce-Price-amount amount"> 
      <span class="woocommerce-Price-currencySymbol">&#36;</span>350.00 
     </span> 
     <input type="hidden" name="shipping_method[0]" data-index="0" id="shipping_method_0" value="per_product" class="shipping_method" />  
    </td> 
</tr> 

は、これまでのところ私は :プラス2 spans ...このような

Answer 1

何かおそらく

$('.shipping td').html(function(i, html) { 
 
    return html.replace(' :', ''); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr class="shipping"> 
 
    <th>Shipping</th> 
 
    <td data-title="Shipping"> 
 
     &nbsp;: <span class="woocommerce-Price-amount amount"> 
 
      <span class="woocommerce-Price-currencySymbol">&#36;</span>350.00 
 
     </span> 
 
     <input type="hidden" name="shipping_method[0]" data-index="0" id="shipping_method_0" value="per_product" class="shipping_method" /> 
 
    </td> 
 
    </tr> 
 
</table>

0123隠しこの

$('.shipping').('td').css("display", "none"); 

を持っています

---

tdの要素にバインドされたイベントハンドラがある場合、このコードで失われることに注意してください。