ansaurus

Question

dom traversal using div separator - Using Ext-Core and/or Jquery

Answer 1

A:

i = 0;
$("body").contents().filter(function() {
  return this.nodeName.toLowerCase() != 'div'; // all elements but <div>s
})
.wrap(function() {
  i++;
  return $("<div />").addClass("text").attr("id", "div_"+i);
});
$(".sep").hide(); // or remove()

(see http://jsfiddle.net/FmjMx/4)

elektronikLexikon 2010-10-19 14:10:55

Wow ! So fast ! And it seems so easy when i read it. A real big thanks to you. Dominique

2010-10-19 14:20:45

Well after testing it's not really working because if i have some <p> tags inside body, they are not inside the new divs

2010-10-19 15:21:33

then replace "return this.nodeType == 3" with "return this.nodeName.toLowerCase() != 'div'", see http://jsfiddle.net/FmjMx/4/

elektronikLexikon 2010-10-19 17:14:53

The result is not exactly what i was looking for because i wanted to have all nodes before the separator div in one div and not each node in different div. But i still want to give you a big thanks because i learned something new for me and very usefull.

2010-10-20 09:19:07

Answer 2

A:

Now I finally found a solution:

$("body").prepend('<div class="sep">some text</div>');
$('.sep').each(function(i){
    var $set = $();
    var nxt = this.nextSibling;
    while(nxt) {
        if(!$(nxt).is('.sep')) {
            $set.push(nxt);
            nxt = nxt.nextSibling;
        } else break;
    }
   $set.wrapAll('<div class="text" id="div_'+i+'"/>');
});
$(".sep").hide(); // or remove

(see http://jsfiddle.net/sK2xN/1/ and SO: jQuery wrapping text and elements between <hr> tags.)

elektronikLexikon 2010-10-20 14:15:51

Wow again ! I don't know if i can say Thanks again ? ... Well, A big thanks to you ! I hope I will be able to help others like you did with me in the near future. Thank you. Dominique.

2010-10-20 14:31:55

I know how you could thank me: accept my answer :-)

elektronikLexikon 2010-10-21 06:12:29

ansaurus

tags:

views:

answers:

dom traversal using div separator - Using Ext-Core and/or Jquery

related questions