从标签中删除文本,但保留其中的文本

时间:2018-09-19 17:26:32

标签: javascript jquery

我正在尝试从标签中删除文本,但是我想在其中保留跨度文本。这是我要删除的部分: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

1 个答案:

答案 0 :(得分:0)

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="data-main">
  <div class="Datanewpost">
    Data 1
    <div class="data"> Lorem ipsum to roboczy tekst używany do celów projektowych, zwykle do prezentacji kroju pisma, kompozycji, układu kolumn, wyglądu składu, typografii itd.
    </div>
  </div>
  <div class="Datanewpost">
    Data 2
    <div class="data"> Lorem ipsum to roboczy tekst używany do celów projektowych, zwykle do prezentacji kroju pisma, kompozycji, układu kolumn, wyglądu składu, typografii itd.
    </div>
  </div>
  <div class="Datanewpost">
    Data 3
    <div class="data"> Lorem ipsum to roboczy tekst używany do celów projektowych, zwykle do prezentacji kroju pisma, kompozycji, układu kolumn, wyglądu składu, typografii itd.
    </div>
  </div>
  <div class="Datanewpost">
    Data 4
    <div class="data"> Lorem ipsum to roboczy tekst używany do celów projektowych, zwykle do prezentacji kroju pisma, kompozycji, układu kolumn, wyglądu składu, typografii itd.
    </div>
  </div>
  <div class="Datanewpost">
    Data 5
    <div class="data"> Lorem ipsum to roboczy tekst używany do celów projektowych, zwykle do prezentacji kroju pisma, kompozycji, układu kolumn, wyglądu składu, typografii itd.
    </div>
  </div>
</div>
$(function() {
  $('.checkbox').contents().filter(function() {
    return this.nodeType === 3;
  }).remove();
});

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