javascript - jQuery .nextUntil() equivalent - Stack Overflow

admin管理员组

文章数量:1345173

I need an alternative for jQuery's .nextUntil(). I'm currently using jQuery 1.3.1 and updating it is out of the question :(

I have this HTML:

<h4>...</h4>
<p>...</p>
<p>...</p>
<p>...</p>
<h4>...</h4>
<p>...</p>
<p>...</p>

and I have this jQuery code:

$('h4').click(function(){
    $(this).nextUntil('h4').toggle();
});

but .nextUntil() is added in 1.4.0 So do you have an idea how to do that in 1.3.1 ?

I need an alternative for jQuery's .nextUntil(). I'm currently using jQuery 1.3.1 and updating it is out of the question :(

I have this HTML:

<h4>...</h4>
<p>...</p>
<p>...</p>
<p>...</p>
<h4>...</h4>
<p>...</p>
<p>...</p>

and I have this jQuery code:

$('h4').click(function(){
    $(this).nextUntil('h4').toggle();
});

but .nextUntil() is added in 1.4.0 So do you have an idea how to do that in 1.3.1 ?

• javascript
• jquery

Share Improve this question Follow asked May 6, 2011 at 19:34 TeneffTeneff 32.2k1313 gold badges7676 silver badges104104 bronze badges 5

• see if this helps stackoverflow./q/3943667/273200 – Bala R Commented May 6, 2011 at 19:38
• Use a loop with a conditional statement. – Peter Olson Commented May 6, 2011 at 19:39
• 1 @Bala R I saw taht, but it still uses .nextUntil() – Teneff Commented May 6, 2011 at 19:49
• You can run two versions of jQuery at once.. You'll keep the patibility for your existing stuff, and still be able to use the newer features. – jrn.ak Commented May 6, 2011 at 19:55
• @jnpcl I know that, but its not a good solution I think :) – Teneff Commented May 7, 2011 at 7:39

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 6

You can emulate the behavior of nextUntil() by using nextAll(), slice() and index() together:

var $nextAll = $(this).nextAll();
$nextAll.slice(0, $nextAll.index("h4")).toggle();

$('h4').click(function() {
    $(this).nextAll().each(function() {
        if ($(this).is('h4')) { return false; }
        $(this).toggle();
    })
});

Not tested. Tested by @ingo :)

Not tested, but something like this:

function nextUntil($start, until)
{
    var matches = [];

    for (var e = $start.next(); e.length !== 0 && !e.is(until); e = e.next())
    {
        matches.push(e);
    }
    return $(matches);
}

Or use nextAll():

function nextUntil_v2($start, until)
{
    var matches = [];

    $start.nextAll().each(function ()
    {
        if ($(this).is(until)) return false;
        matches.push(this);
    });

    return $(matches);
}

I did it like this

$('h4').click(function(){
    $n = $(this).next();
    while($n.is('h4') == false) {
        $n.toggle();
        $n = $n.next();
    }
});

If someone still needs to use jQuery 1.3: There is the jQuery Untils plugin, which got added to jQuery 1.4.0:

jQuery Untils provides three very simple, but very useful methods: nextUntil, prevUntil, and parentsUntil. These methods are based on their nextAll, prevAll, and parents counterparts, except that they allow you to stop when a certain selector is reached. Elements are returned in “traversal order”.

...

Tested with jQuery 1.3.2 in Internet Explorer 6-8, Firefox 2-3.7, Safari 3-4, Chrome 4-5, Opera 9.6-10.1.

本文标签： javascriptjQuery nextUntil() equivalentStack Overflow