Etsitään ja muotoillaan span-elementin sisältämät elementit

p-elementti jossa on span-elementti.

Tässäkin on span-elementti.

Tässä p-elementissä ei ole span-elementtiä.

Alla esimerkin koodaukset:


JQuery, head-elementtiin:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("p").has("span").css("color", "RED");  
});
</script>

CSS-ohje:
p{ 
  margin:10px; 
  padding:10px; 
}

HTML-koodaukset:

<h3>Etsitään ja muotoillaan span-elementin sisältämät elementit</h3>

<p>p-elementti jossa <span>on</span> span-elementti.</p>
<p>Tässäkin on <span>span-elementti</span>.</p>
<p>Tässä p-elementissä ei ole span-elementtiä.</p>


Tämä ei ole koodausta. 
Esimerkissä käytetty CSS-muotoili voi olla monipuolisempikin.