aggiungere codice dopo n elementi jquery

Discussione in 'jQuery' iniziata da Fabio90, 10 Gennaio 2017.

  1. Fabio90

    Fabio90 Utente Attivo

    Registrato:
    29 Febbraio 2012
    Messaggi:
    489
    Mi Piace Ricevuti:
    0
    Punteggio:
    16
    Buongiorno forum,
    ho la necessità di aggiungere dopo 3 div il seguente codice

    <div style="clear:both;"></div>

    all'originale di seguito

    HTML:
    <div class="negozi">
    <div class="wpb_text_column"></div>
    <div class="wpb_text_column"></div>
    <div class="wpb_text_column"></div>
    <div class="wpb_text_column"></div>
    <div class="wpb_text_column"></div>
    <div class="wpb_text_column"></div>
    </div>
    
    Il risultato finale dovrebbe essere quindi

    HTML:
    <div class="negozi">
    <div class="wpb_text_column"></div>
    <div class="wpb_text_column"></div>
    <div class="wpb_text_column"></div>
    <div style="clear:both;"></div>
    <div class="wpb_text_column"></div>
    <div class="wpb_text_column"></div>
    <div class="wpb_text_column"></div>
    <div style="clear:both;"></div>
    </div>
    
    Come posso fare con jquery?
    Grazie :)
     
  2. marino51

    marino51 Utente Attivo

    Registrato:
    28 Febbraio 2013
    Messaggi:
    1.638
    Mi Piace Ricevuti:
    51
    Punteggio:
    48
    Occupazione:
    free lance
    Località:
    Lombardia
    scusa se la mia risposta è banale, ma funziona
    HTML:
            <script type="text/javascript">
                $(document).ready(function()
                {
                    var newNegozi='<div class="wpb_text_column">1</div>'
                                 +'<div class="wpb_text_column">2</div>'
                                 +'<div class="wpb_text_column">3</div>'
                                 +'<div style="clear:both;">4</div>'
                                 +'<div class="wpb_text_column">5</div>'
                                 +'<div class="wpb_text_column">6</div>'
                                 +'<div class="wpb_text_column">7</div>'
                                 +'<div style="clear:both;">8</div>';
                    $('.negozi').empty();
                    $('.negozi').html(newNegozi);
                });
            </script>
    
    nell'originale ho messo lettere, per vedere il risultato
     
Sto caricando...

Condividi questa Pagina