Wyszukiwanie obrazka i modyfikowanie stringi

Wyszukiwanie obrazka i modyfikowanie stringi
LU
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 289
0

Witam serdecznie,
Mam na stronie treści pobierane z bazy danych.

Załóżmy że mam zmienną $txt ze stringiem.

Zdarzają się w nich nich obrazki w różnych postaciach:

Kopiuj
- <img alt="XXXX" class="img-fluid" src="random.name" style="height:930px; width:620px" />
- <img alt="XXXX" class="img-fluid" src="random.name"/>
- <img  src="random.name"/>

etc

Potrzebuję dodać do każdego obrazka: class "picla" and data-label-class="label-class" - czyli w rezultacie:

Kopiuj
- <img alt="XXXX" class="img-fluid picla" src="random.name" style="height:930px; width:620px" data-label-class="label-class"/>
- <img alt="XXXX" class="img-fluid picla" src="random.name" data-label-class="label-class"/>
- <img class="picla"  src="random.name" data-label-class="label-class"/>

Wie ktoś może jak to zrobić?:)

Riddle
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 10227
1
  1. Sparsuj kod HTML i zrób z nich node'y
  2. Dodaj do node'ów odpowiednią klasę
  3. Zapisz z powrotem do html

To jest jedyny niezawodny sposób. Są inne, ale to zawodne, np wyciągnie podciągów, ale to można oszukać.

Najprościej to byłoby to zrobić w JS,

Kopiuj
Array.from(document.querySelectorAll("img")) 
 .forEach(img => img.classList.add("picla"));

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.