jQuery nextUntil include text nodes

Question

I\'m using nextUntil method to get all stuff between two elements. But this method does not include text nodes to output. It gives an array like

Answer 1

Only the jQuery .contents() method returns all nodes (including text nodes, normally ignored).

So maybe something like this?:

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('
');
                open = false;
            } else {
                result = $();
                open = true;
            }
        } else {
            result = result.add($this)
        }
    });
    if (open) {
        result.wrapAll('
');
    }
});

It just iterate all nodes and based on a flag starts a new collection, or wraps the nodes found.

The final if (open) allows for an unclosed spolier block within a content classed div.

Notes:

• $() is an empty jQuery collection (like an empty array but for jQuery objects)
• I suggest you use a style for your spoilers and use a class e.g. result.wrapAll('
  ');

e.g. http://jsfiddle.net/ykv3gf5L/3/