im totaly new in javascript and need  <span>´s in the P and H1 elements in my slider for css.

My problem is:

The following JS works but(!) only at the first slide and i cant figure out how my former colleague did that on the other slides.

1. var test = jQuery('#vor_slider h1');
   jQuery(test).wrapInner('<span></span>');
   var test1 = jQuery('#vor_slider p');
   jQuery(test1).wrapInner('<span></span>');

Im learning Java and i know what he is doing here, but i dont know how he did that on the other slides...

This is the only snippet ive found after 2 or 3 hours.. Also tried with class and no id - same problem

tired with different ids and more funtions with no effect and the same problem.

i cant post the site but i can show you a demo site from the slider to see the html or to try: we are only using the markup from the first slide on actually 5 slides.

http://demo.rocksolidthemes.com/contao/tao/  (if this is not allowed - sorry)

This following element(section) in the sliders gets the id=" '#vor_slider" from the backend.

2. <section class="feature-box is-animated ce_rsce_tao_feature_box -image-centered has-shown not-in-view">
3. 
   
4.       <div class="feature-box-image -move -fade -move-bottom">
5.       <img src="http://static.demo.rocksolidthemes.com/contao/tao/files/tao/img/demo/tao-logo-           mark.png" height="146" width="150">
6.       </div>
8.             <div class="feature-box-text -move -fade -move-top">
9. 
   
10.                   <h1>Headline where i need spans</h1>
11.                   <p>Text where i need spans</p>
13. </div>
15. </section>

how did he do that function on every slide ?

i cant find the last part and i know he had the same problem, but ive no solution and nobody to ask.

any ideas from the professionals ?

Thank you =) and btw sorry for my bad english and if u need more information let me know.