OPPAASEEN / Back

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(){
  $ ("#etsi").click(function(){
    $ ("div").contents().filter("em").wrap("");
  });
});
</script>

HTML-koodaukset:

<div><em> Tämä on em-elementillä kursivoitu teksti. </em></div><br>

<button id="etsi" class="button"> Etsi div elementistä em-elementti </button><br>

<p>Painikkeella etsitään div-elementistä em-elementti ja lihavoidaan se b-elementillä.</p>


Tämä ei ole esimerkin koodausta:
 Jos www-sivulla on useita div-elementtejä olisi hyvä korvata JQuery:ssa "div" id-tunnisteella !
 Jos www-sivulla on muitakin painikkeita, myös näissä on hyvä käyttää id-tunnisteita.