javascript - 如何在 JS 中的表内定位没有类的内容

Question

我有由 WooCommerce 和其他几个插件生成的代码。我想去掉不间断空格和分号  :。我知道执行此操作的正确方法是将其从 PHP 代码本身中删除，但我花了几个小时寻找它却没有任何运气，所以我想我会用 JS 隐藏它，但是我找不到办法以该  : 为目标，而不影响 td 内的其他两个 span。

<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>

到目前为止我已经有了

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

其中隐藏了  : 以及 2 个 span...

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>

<小时/>

请记住，如果 td 中的元素上有绑定(bind)的事件处理程序，则此代码将丢失这些事件处理程序。