Cześć wszystkim mam paragraf jak

<div class="test">
 <div>
    <p>
        <strong class="bold">
   Here's how you can wrap <b>these</b> three <p>words</p> in a string. Huzzah!! 
       </strong>
   </p>
 </div>
</div>

Tutaj, jeśli chcę dodać tag we wszystkich słowach, niż oczekiwano, wyjście powinno wyglądać tak

<div class="test">
 <div>
    <p>
        <strong class="bold">
  <artoon>Here's</artoon> <artoon>how</artoon> <artoon>you</artoon> <artoon>can</artoon> <artoon>wrap</artoon> <b><artoon>these</artoon></b> <artoon>three</artoon> <p><artoon>words</artoon></p> <artoon>in</artoon> <artoon>a</artoon> <artoon>string.</artoon> <artoon>Huzzah!!</artoon>
     </strong>
 </p>

Zajmuję się tym od dnia, więc jeśli masz rozwiązanie, dodaj komentarz w tym poście, chcę to rozwiązać, dziękuję

Mam więc nadzieję, że rozumiesz, a jeśli nie, dodaj komentarz i zapytaj mnie.

Dziękuję Ci

Próbowałem tego

0
Alex 19 listopad 2019, 15:34
Pokaż nam, czego próbowałeś? Jest tam również wiele przewodników, jeśli szukasz w google.
 – 
Carsten Løvbo Andersen
19 listopad 2019, 15:36
 – 
Alex
19 listopad 2019, 15:38
Nie” Użyj .getElementsByClassName(). Już nie jest rok 1995. Użyj .querySelectorAll().
 – 
Scott Marcus
19 listopad 2019, 15:39

1 odpowiedź

var txt = document.querySelectorAll('.test')[0].innerHTML;

const re = /<artoon>(<\s*[^>]*>)(.*?)(<\s*[^>]*><\/artoon>)/gi;
const re2 = /([^\s]+)\s/gi;
const result = txt.replace(re2, '<artoon>$1</artoon> ').replace(re, '$1<artoon>$2</artoon>$3')
console.log(result)
<div class="test">
   Here's how you can wrap <b>these</b> three <p>words</p> in a string. Huzzah!!
</div>
0
NoodleDoodle 19 listopad 2019, 16:45
Co jeśli mój tekst będzie miał tag podrzędny, jak w pytaniu, które zadałem?
 – 
Alex
20 listopad 2019, 06:59