jQuery Forum

you can do like

1. $(function(){
2.     $('div').html(function(){
3.     return $('img')
4.     .map(function() {
5.         return $(this).attr('title');
6.       })
7.    .get()
8.    .join()
9.     });
10. });

check it here http://jsfiddle.net/gtLzbw88/1/

If you want it on a button click then you can do it like

1. $(function(){
2.     $( "button" ).click(function(){
3.         $('div').html(function(){
4.             return $('img')
5.             .map(function() {
6.                 return $(this).attr('title');
7.             })
8.            .get()
9.            .join()
10.     });
11.     });
12. });

Check it here http://jsfiddle.net/gtLzbw88/3/

Thanks for your prompt reply, it works fine for less than 50 images, but I have 250 little images about 10 x 10 px, this is a piece of the code:

Define "goes weird".

Thanks for asking, I tried the code, and the browser shows the different titles one over the others, probably I make something wrong, but it prints the title attributes overlaped

Share a link to your page from where we can see the problem. There should not be any issue with jQuery code. Its looks like more or less css issue.

Or create demo of your problem on jsfiddle.net or plnkr.co and share the url here