Replace and Join Text

by Muhammad Hassaan

HTML

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<div class="c-refinement__content-wrapper" id="refinement-content-skinType" aria-hidden="false" data-js-accordion-container="" data-js-scroll-height="314" style="max-height: 314px;">
  <div class="c-refinement__content">
    <ul class="c-refinement-multi-select ">
      <li class="c-refinement-multi-select__item">
        <div class="c-check-field m-checkbox"> <input id="refinement__value__dry_012202combination_012202sensitive" type="checkbox" class="c-refinement-multi-select__item-input c-check-field__input" value="dry;combination;sensitive" data-js-refinement-input="" data-href="/search?q=antioxidantes&amp;pmin=0%2C01&amp;prefn1=skinType&amp;prefv1=dry%3Bcombination%3Bsensitive" tabindex="0"> <label for="refinement__value__dry_012202combination_012202sensitive" class="c-refinement-multi-select__item-link c-check-field__label "> <span class="c-refinement-multi-select__item-text">dry;combination;sensitive</span> </label> </div>
      </li>
      <li class="c-refinement-multi-select__item">
        <div class="c-check-field m-checkbox"> <input id="refinement__value__dry_062823normal_062823combination_062823sensitive" type="checkbox" class="c-refinement-multi-select__item-input c-check-field__input" value="dry;normal;combination;sensitive" data-js-refinement-input="" data-href="/search?q=antioxidantes&amp;pmin=0%2C01&amp;prefn1=skinType&amp;prefv1=dry%3Bnormal%3Bcombination%3Bsensitive" tabindex="0"> <label for="refinement__value__dry_062823normal_062823combination_062823sensitive" class="c-refinement-multi-select__item-link c-check-field__label "> <span class="c-refinement-multi-select__item-text">dry;normal;combination;sensitive</span> </label> </div>
      </li>
      <li class="c-refinement-multi-select__item">
        <div class="c-check-field m-checkbox"> <input id="refinement__value__dry_055016normal_055016oily_055016combination_055016sensitive" type="checkbox"...

CSS

ul { list-style: none;}

JavaScript

jQuery('#refinement-content-skinType ul.c-refinement-multi-select  li.c-refinement-multi-select__item').each(function(){

    var myStr = jQuery(this).find('.c-refinement-multi-select__item-text').text();
    var newStr = myStr.replace(/;/g, '|');

  	var held = jQuery(this).find('.c-refinement-multi-select__item-text').text(newStr);


});