Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2014
    Messaggi
    170

    aggiungere codice dopo n elementi jquery

    Buongiorno forum,
    ho la necessità di aggiungere dopo 3 div il seguente codice

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

    all'originale di seguito

    codice 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

    codice 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. #2
    codice:
    $('<div style="clear:both;"></div>').insertAfter($('.negozi').find('.wpb_text_column:nth-child(3n+3)'));
    penso che il codice sia auto esplicativo =)
    Se non ti è chiaro qualcosa chiedi pure

  3. #3
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    ma perchè devi aggiungere del codice vuoto usando js?
    se devi solo fare clearing ogni 3 elementi lo puoi fare direttamente via css
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.