Remove text from label but keep text in span within it

Question

I am trying to remove text from the label, but I want to keep the span text within it. Here is the part I want to remove: 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>

So basically I want it just to stay €4.95

Don't put external links to code snippets, include it in your post. — Ryan Wilson, Sep 19 '18 at 17:28
i have put it in the code snippet, i have just added the screenshot if it is not clear to someone.. — Милен Чавдаров, Sep 19 '18 at 17:31
Yes. It comes from the plugin, in order to make the price work correctly. I have the answer. Thanks for you time! — Милен Чавдаров, Sep 19 '18 at 17:38

score 0 · Accepted Answer · edited Sep 19 '18 at 17:35

0

You can filter your div by nodeType. This code should work.

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

edited Sep 19 '18 at 17:35

Juan

4,910
3
37
46

answered Sep 19 '18 at 17:33

akcoban

953
7
14

thank you so much ! that worked perfectly! – Милен Чавдаров Sep 19 '18 at 17:38

Remove text from label but keep text in span within it

1 Answers1