Visualizzazione dei risultati da 1 a 6 su 6

Discussione: div class innerHTML

  1. #1

    div class innerHTML

    Salve!
    Allora la mia situazione è questa
    codice:
    <div id="container">
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    </div>
    Io vorrei inserire un <div class="row"> prima del primo "custom" e chiuderlo al quinto.
    Poi inserire un <div class="row"> prima del sesto "custom" e chiuderlo al decimo.

    Quindi vorrei che mi venisse fuori una cosa cosi
    codice:
    <div id="container">
    <div class="row">
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    </div>
    <div class="row">
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    </div>
    </div>
    Cosa devo modificare
    codice:
            var nds = $("#container");
    
    
            for (var i=0;i<nds.length;i++){
              if ([i]==0) || ([i]==5){
                nds[i].innerHTML = '<div class="row">' + nds[i].innerHTML;
                alert(nds[i].innerHTML);
        
              }
              if ([i]==4) || ([i]==9){
                nds[i].innerHTML = nds[i].innerHTML + "</div>";
              }
            };

  2. #2
    Nessuno che mi aiuta??
    Ora il risultato che ho con il mio codice è questo
    codice:
    <div id="container">
    <div class="custom">
    <div class="row"></div>
    </div>
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom">
    <div class="row"></div>
    </div>
    </div>
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    </div>

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    codice:
    $(".custom:lt(5)").wrapAll("<div class='row'></div>");
    $(".custom:gt(4)").wrapAll("<div class='row'></div>");

  4. #4
    Grande! Vindav!
    Invece se volessi ottener 3 div class="row"? Non è possibile? Es
    [CODE]
    <div id="container">
    <div class="row">
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    </div>
    <div class="row">
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    </div>
    <div class="row">
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    <div class="custom"></div>
    </div>
    </div>
    [/CODE]

  5. #5
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    codice:
    $(".custom:lt(3)").wrapAll("<div class='row'></div>");
    $(".custom").slice(3,6).wrapAll("<div class='row'></div>");
    $(".custom:gt(5)").wrapAll("<div class='row'></div>");

  6. #6
    Vindav ti adoro

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.