aggiungere codice dopo n elementi jquery

  • Creatore Discussione Creatore Discussione Fabio90
  • Data di inizio Data di inizio

Fabio90

Utente Attivo
29 Feb 2012
507
0
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 :)
 
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
 

Discussioni simili