I need to change text of <span data-testid="recapItemPrice">ZADARMO</span>
from ‘ZADARMO’ to ‘DOHODOU’ only when there is text in parental element ‘INDIVIDUÁLNA CENA PREPRAVY na vyžiadanie’
HTML is like this:
<code><strong data-testid="recapDeliveryMethod">
<span data-testid="recapItemPrice">ZADARMO</span>
INDIVIDUÁLNA CENA PREPRAVY na vyžiadanie</strong>
</code>
<code><strong data-testid="recapDeliveryMethod">
<span data-testid="recapItemPrice">ZADARMO</span>
INDIVIDUÁLNA CENA PREPRAVY na vyžiadanie</strong>
</code>
<strong data-testid="recapDeliveryMethod">
<span data-testid="recapItemPrice">ZADARMO</span>
INDIVIDUÁLNA CENA PREPRAVY na vyžiadanie</strong>
I tried this:
<code><script>
$(document).ready(function(){
if ( $("[data-testid=recapDeliveryMethod]").text() === "INDIVIDUÁLNA CENA PREPRAVY na vyžiadanie" ) {
$("[data-testid=recapItemPrice]").text("DOHODOU");
}
});
</script>
</code>
<code><script>
$(document).ready(function(){
if ( $("[data-testid=recapDeliveryMethod]").text() === "INDIVIDUÁLNA CENA PREPRAVY na vyžiadanie" ) {
$("[data-testid=recapItemPrice]").text("DOHODOU");
}
});
</script>
</code>
<script>
$(document).ready(function(){
if ( $("[data-testid=recapDeliveryMethod]").text() === "INDIVIDUÁLNA CENA PREPRAVY na vyžiadanie" ) {
$("[data-testid=recapItemPrice]").text("DOHODOU");
}
});
</script>
I’m new to JavaScript / jQuery and will appreciate every advice.