anyone?
On Oct 27, 11:27 am, gryzzly <[EMAIL PROTECTED]> wrote: > I have this markup structure: > <div id="ajax_content"> > <h3>Some Title</h3> > <span class="phone_holder>...some content...</span> > <span class="phone_holder>...some content...</span> > .... more spans like this (around 100, depends on particular ajax > page I am loading, might change due to the content changes) > <span class="phone_holder>...some content...</span> > </div> > > So, I need to make tabs out of this structure. Something like that: > <div id="ajax_content"> > <h3>Some Title</h3> > <ul class="ui_tabs"> > <li class="ui_tab"> > <span class="phone_holder>...some content...</span> > 38 more spans here > <span class="phone_holder>...some content...</span> > </li> > <li class="ui_tab"> > <span class="phone_holder>...some content...</span> > 38 more spans here > <span class="phone_holder>...some content...</span> > </li> > ... and so on (every 40 spans should be one tab) > </ul> > </div> > > What I was trying to do is following: > > $("#ajaxcontentarea").load(valuetostr, function () { > > $(".phone_holder:first-child").each(function(){ > $(this).before("<ul><li>"); > }); > > $(".phone_holder:nth-child(40n)").each(function(){ > $(this).after("</li><li>"); > }); > > $(".phone_holder:last-child").each(function(){ > $(this).after("</li></ul>"); > }); > > }); > > And then I was thinking with this to start making tabs. > > But it also doesn't work (it doesn't add any markup where I want it > to, only closing </li> after 40n child, but not even all markup I am > giving it. > And also now I realize that I can't actually apply tabs after I have > this markup ready... If I would have it... > > I am sorry for my english, it is not my mother tongue, but I am > keeping on learning. > > Please help with direction or idea, where should I go with this.