I've made a script which copies the ALT-tag of an image and puts it into a SPAN. It also formates the information devided by a hyphen. It works like a charm, but only with one image.

Further more, I would like it to wrap a div around the image, to prevent unnecessary markup, as I have now. Any ideas is much appreciated... :-)

Script that works now:

HTML:

<div id="hoejre">
  <p><span class="alignright"><img src="tommy_stor.jpg" alt="Name - Title" width="162" height="219" /><span></span></span></p>
</div>

jQuery:

var alt = $("#hoejre p span img").attr("alt");
$('#hoejre p span span').html("<strong>" + alt.replace("-", "</strong> <em>") + "</em>");

Output:

<span class="alignright"><img height="219" width="162" alt="Name - Title" src="tommy_stor.jpg"><span><strong>Name </strong> <em> Title</em></span></span>

How do you I repeat the effect on several images, with different information within?

P.S.: I really love this forum. I have used several other forums for this kind of questions, but this one is by far the most professional.