Jquery nextUntil include text nodes

Question

Używam metody nextUntil, aby uzyskać wszystkie elementy między dwoma elementami. Ale ta metoda nie obejmuje text nodes na wyjściu. Daje tablicę taką jak [<br>, <br>, <br>]. Jak mogę uzyskać wszystkie rzeczy, w tym węzły tekstowe? Dzięki.

Jest to kod html:

<div class="content" > 
    --- <a class="b" href="/?q=spoiler">spoiler</a> --- 
    <br> 
    <br> 
    dangerous text here 
    <br> 
    --- <a class="b" href="/?q=spoiler">spoiler</a> --- 
    <br> 
    safe text here 
    <br> 
    --- <a class="b" href="/?q=spoiler">spoiler</a> --- 
    <br> 
    <br> 
    dangerous text here 
    <br> 
    --- <a class="b" href="/?q=spoiler">spoiler</a> ---  
</div> 

A to mój głupi js kod:

$('.content a:contains("spoiler").b:even').each(function(){ 
    $(this).nextUntil('.content a:contains("spoiler").b') 
      .wrapAll('<div style="border:solid 1px black;"></div>'); 
}); 

jsfiddle: http://jsfiddle.net/Lwk97rvq/1/

Answer 1

Jedynie metoda jQuery .contents() zwraca wszystkie węzły (w tym tekst węzły, zwykle ignorowane).

Więc może coś takiego ?:

http://jsfiddle.net/ykv3gf5L/2/

$('.content').each(function() { 
    var open = false; 
    var result = $(); 
    $(this).contents().each(function() { 
     var $this = $(this); 
     if ($this.text() == "spoiler") { 
      if (open) { 
       result.wrapAll('<div style="border:solid 1px black;"></div>'); 
       open = false; 
      } else { 
       result = $(); 
       open = true; 
      } 
     } else { 
      result = result.add($this) 
     } 
    }); 
    if (open) { 
     result.wrapAll('<div style="border:solid 1px black;"></div>'); 
    } 
}); 

To po prostu iterację wszystkich węzłów i oparte na fladze rozpoczyna nową kolekcję, lub owija węzły znalezione.

Ostateczna if (open) pozwala na niezamknięty blok spolierowy w obrębie klasy div zaklasyfikowanej jako content.

Uwagi:

• $() jest pusty kolekcja jQuery (jak pustą tablicę, ale obiektów jQuery)
• Proponuję użyć styl dla spojlerów i użyć klasy np result.wrapAll('<div class="spoiler"></div>');

np. http://jsfiddle.net/ykv3gf5L/3/