Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente bannato
    Registrato dal
    Oct 2011
    Messaggi
    185

    [jquery]selezionare l'elemento precedente

    $('<li class="icona" id="ciao3">').appendTo('#container').css({'top':$( this).previous().position().left});



    non mi funziona previous().....
    il next si.....

  2. #2

  3. #3
    Utente bannato
    Registrato dal
    Oct 2011
    Messaggi
    185
    su un libro che sto leggendo è previous()


    e cmq non funziona non capisco perchè
    sto provando a modificare il css top con il next() +50


    Codice PHP:
    <!DOCTYPE html>
    <
    html lang="en">
    <
    head>
        <
    meta charset="utf-8">

        <
    style>
        *{
            
    margin:0px;
            
    padding:0px;
        }
        
    #container{
    position:relative;
    list-
    style-type:none;
    }

    .
    icona{
    width:30px;
    height:30px;
    background-color:rgba(255,255,0,0.8);
    position:absolute;
    }

    </
    style>

        <
    script>
    $(
    document).ready(function(){
        $(
    '#ciao2').css({'top':$(this).next().position().top +50});


        
        


    });
        
    </script>
    </head>
    <body>

    <div id="container">
        <div class="icona" id="ciao2">2</div>
        <div class="icona" id="ciao" style="top:100px;">1</div>

    </div>



    </body>
    </html> 
    dovrebbe prendere il valore di top di #ciao e maggiorarlo di 50
    non capisco proprio perchè non va

  4. #4
    Utente bannato
    Registrato dal
    Oct 2011
    Messaggi
    185
    trovato la soluzione

    qui

    $(document).ready(function(){
    $('#ciao2').css({'top':$(this).next().position().t op +50});


    $(this) fa riferimento a document invece di #ciao2

    quindi è bastato modificare

    $(document).ready(function(){
    $('#ciao2').css({'top':$('#ciao2').next().position ().top +50});

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.