[JQuery] Come visualizzare un testo

[hutton]

Salve, ho un piccolo problema con un codice di Jquery.
Questo è il codice html in questione:

<div id="main" class="fltlft">
            <div class="portfolio">
                <h2>Work</h2>
                


                    [img]images/work/img01-lg.jpg[/img]
                    <p id="boxDescription"></p></p>
                <p class="thumbs">
                    <a href="images/work/img01-lg.jpg" title="Graphic - Quadro japponese">
                        [img]images/work/img01-thumb.jpg[/img]
			<span class="thumbDescript">testo da visualizzare in "boxDescription"</span></a>
                    <a href="images/work/img02-lg.jpg" title="Graphic - La Chevy">
                        [img]images/work/img02-thumb.jpg[/img]
			<span class="thumbDescript">testo da visualizzare in "boxDescription"</span></a>
                    <a href="images/work/img11-lg.jpg" title="Graphic - Space">
                        [img]images/work/img11-thumb.jpg[/img]
			<span class="thumbDescript">testo da visualizzare in "boxDescription"</span></a>
                    <a href="images/work/img03-lg.jpg" title="Graphic - Mano con sfera energetica">
                        [img]images/work/img03-thumb.jpg[/img]
			<span class="thumbDescript">testo da visualizzare in "boxDescription"</span></a>
                    <a href="images/work/img04-lg.jpg" title="Graphic - Volantino Torneo Beach Volley">
                        [img]images/work/img04-thumb.jpg[/img]
			<span class="thumbDescript">testo da visualizzare in "boxDescription"</span></a>
                    <a href="images/work/img10-lg.jpg" title="Graphic - Campo da Calcio">
                        [img]images/work/img10-thumb.jpg[/img]
			<span class="thumbDescript">testo da visualizzare in "boxDescription"</span></a>
                    <a href="images/work/img05-lg.jpg" title="Web Design - Sito web per Portfolio">
                        [img]images/work/img05-thumb.jpg[/img]
			<span class="thumbDescript">testo da visualizzare in "boxDescription"</span></a>
                    <a href="images/work/img06-lg.jpg" title="Web Design - Sito web Fumetto Mercato">
                        [img]images/work/img06-thumb.jpg[/img]
			<span class="thumbDescript">testo da visualizzare in "boxDescription"</span></a>
                    <a href="images/work/img07-lg.jpg" title="Web Design - Sito web Gruppo Siluri Vaiano">
                        [img]images/work/img07-thumb.jpg[/img]
			<span class="thumbDescript">testo da visualizzare in "boxDescription"</span></a>
                    <a href="images/work/img08-lg.jpg" title="Logos - Logo Gruppo Siluri Vaiano">
                        [img]images/work/img08-thumb.jpg[/img]
			<span class="thumbDescript">testo da visualizzare in "boxDescription"</span></a>
                    <a href="images/work/img09-lg.jpg" title="Logos - Logo Natura">
                        [img]images/work/img09-thumb.jpg[/img]
			<span class="thumbDescript">testo da visualizzare in "boxDescription"</span></a>
                 </p>
                <div class="clear"></div>
            </div>
        </div>

mentre questo è il codice jquery:

$(document).ready(function()
{
	$("h2").append('')

	$(".thumbs a").click(function(){
	
		var largePath = $(this).attr("href");
		var largeAlt = $(this).attr("title");
		
		$("#largeImg").attr({ src: largePath, alt: largeAlt });
		
		$("h2 em").html(" (" + largeAlt + ")"); return false;
	});
	
});

Volevo sapere come posso fare per "aggiungere" al codice jquery già esistente la possibilità di inserire il testo dei tag "<span class="thumbDescript"></span>" all'interno del tag "<p id="boxDescription"></p>" quando clicco sulle immagini thumb?

Grazie per il vostro aiuto.

[Xinod]

$('#boxDescription').html($(this).find('span').htm l())
quando vuoi, prima del return false

[hutton]

Grazie !
provo subito.

[hutton]

Ho provato ed è tutto ok !!
Per caso potresti spiegarmi un pò la funzione ?

[Xinod]

$(this) all' interno della funzione eseguita all' attivarsi del gestore evento (click) e' l' elemento per cui e' stato settato il gestore evento

find serve per cercare eventuali figli di un particolare tipo (accetta un qualsiasi selettore)

html lo usi tanto per scrivere il contenuto di un elemento, $('#boxDescription').html('

nuovo contenuto</p>')
quanto per leggerne il contenuto, $(this).find('span').html()

e' tutto nella documentazione
ciao