Se desideriamo posizionare un DIV com, ad esempio

<div id="1">contenuto</div>

prima del terzo elemento H2 presente nella pagina mediante l’utilizzo di jQuery, possiamo procedere nel seguente modo:

  1. Assicurati di aver incluso la libreria jQuery nel tuo file HTML, aggiungendo questo tag nel tuo <head>:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  1. Aggiungi il seguente script JavaScript nel tuo file HTML, preferibilmente prima del tag di chiusura </body>: 
    <script>
  $(document).ready(function() {
    var targetH2 = $('h2:eq(2)'); // Seleziona il terzo elemento h2 nella pagina (indice 2, poiché gli indici partono da 0)
    var divElement = $('<div id="1"></div>'); // Crea il div con id "1"
    targetH2.before(divElement); // Inserisce il div prima del terzo elemento h2
  });
</script>

Per eseguire il codice solo se l’URL della pagina contiene ad esempio un valore come la stringa “mostra-contenuto”, puoi aggiungere una condizione all’interno della funzione $(document).ready(). Ecco come farlo:

<script>
  $(document).ready(function() {
    // Controlla se l'URL contiene "mostra-contenuto"
    if (window.location.href.indexOf("mostra-contenuto") > -1) {
      var targetH2 = $('h2:eq(2)'); // Seleziona il terzo elemento h2 nella pagina (indice 2, poiché gli indici partono da 0)
      var divElement = $('<div id="1"></div>'); // Crea il div con id "1"
      targetH2.before(divElement); // Inserisce il div prima del terzo elemento h2
    }
  });
</script>