从标签中删除文本，但将文本保留在其中的跨度内

Question

我正在尝试从标签中删除文本，但我想在其中保留跨度文本。这是我想要删除的部分：http://prntscr.com/kwblwc

<label for="wc_checkout_add_ons_2_yes" class="checkbox ">Yes (
<span class="woocommerce-Price-amount amount">
<span class="woocommerce-Price-currencySymbol">€</span>
4.95</span>)
</label>

所以基本上我希望它只停留 4.95 欧元

Answer 1

您可以按 nodeType 过滤div。此代码应该有效。

$(function() {
$('.checkbox').contents().filter(function() {
return this.nodeType === 3;
}).remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label for="wc_checkout_add_ons_2_yes" class="checkbox ">Yes (
<span class="woocommerce-Price-amount amount">
<span class="woocommerce-Price-currencySymbol">€</span>
4.95</span>)
</label>

https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType