Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2011
    Messaggi
    12

    [jquery] manipolare HTMLImageElement

    Ciao sono completamente nuova al mondo jquery, ma avrei bisogno di manipolare l'html di un'immagine affinchè non appaia più.
    Mi spiego questo è quanto riesco a fare:
    codice:
    	      
    <script>     
    $(document).ready(function(){               	
    $myarray = $('img[class*="nome_classe"]');
    $var = $myarray[0].outerHTML; 	 	
    
    }); 	 
    </script>
    Ora in var c'è tutto il codice html relativo all'immagine che mi interessa. <img scr=".." ecc ecc Come faccio a manipolarla per toglierla dall'intero documento?
    E' possibile?

  2. #2
    Per rimuovere un elemento dal documento puoi usare il metodo remove().
    codice:
    <script>     
    $(document).ready(function(){               	
       $('img[class*="nome_classe"]').remove();
    }); 	 
    </script>

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2011
    Messaggi
    12
    Purtroppo non è così semplice
    In questo modo eliminto tutte le immagini.
    Spiego meglio qual'è il mio caso.

    Allora ho un tot di immagini (almeno una sicuramente) di questo tipo:

    [img]url1[/img]
    [img]url2[/img]
    [img]url3[/img]
    [img]url4[/img]

    dove c,d,e,f non li conosco perchè determinanti dinamicamente (sono gli id delle immagini in questione del tipo "nome_classe_123").
    Quindi con $('img[class*="nome_classe_"]') mi ricavo i valori c,d,e,f. Ora io so che sarà sempre l'immagine con valore c che mi interessa eliminare, tenendo però conto che c non lo conosco a priori.
    Stavo pensando ad una cosa (molto grezza) del genere:
    codice:
    	
    $myarray = $('img[class*="nome_classe_"]'); 	 	
    $myarray2 = $myarray.attr('class'); 	//conterrà a b c a b d a b e .... 	
    $myarray3 = $myarray2.split(' ');   //	 li separo in un array
    $myarray3[2] contiene c, ma non so come dirgli di rimuovere quella immagine

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2011
    Messaggi
    12
    Risolto con questa soluzione
    codice:
        
    $(document).ready(function(){               	
    $myarray = $('img[class*="nome_classe_"]'); 	 	
    $myarray2 = $myarray.attr('class'); 	 	
    $myarray3 = $myarray2.split(' '); 	 	
    $('.'+$myarray3[2]).remove(); }); 	   	 
    </script>
    Ma se esiste una soluzione più "elegante" son ben contenta di conoscerla

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.