Question: I want a program that parses a XML-file, build a structure with the tags I need and finally print a HTML-report using HTML-templates with keywords that get replaced by the data from the XML files.
Since I'm not(yet) really into the OO programming I hoped to get some tips and advices how to structure a program like this.
I thought that two classes should be enough. A parser class and a data class.
the first one to go through the XML-file and report every tag I want to store to a data object which stores all the tags in a hierarchical order. After that I want to call a print function which prints everything as HTML-report.

1. I'm not sure how to report the tags to the data object
2. Could I store the tags in one object which stores a tree of structs or would it be better to store each tag in a separate object?

Any help would be greatly appreciated!

Answer: 
The problem is you are using an id as a selector (`$('#kio')`, the # means it's an id) and id's are unique to the page, so only one will be returned. So you should leave the id attribute out of the img tag.

The solution is to use a selector that gives you all the elements you want, in this case probably `$('.adipoli-wrapper img')` the first part selects all elements with class `adipoli-wrapper`, then the img part will select all `img` elements found within those elements. 

On a side note: the classname `adipoli-wrapper>img` you have in your code is not a valid classname,, you probably mean just `adipoli-wrapper`, that what I'm assuming in my answer.
ID must be unique for each element, use class instead or tag name with context:

```
$('.myImgClass').adipoli({
            'startEffect': 'overlay',
            'hoverEffect': 'sliceDown'
        }); 

```