Search code examples
javascriptsiblings

JavaScript equivalent to JQuery .next()

Is there a JavaScript method similar to jQuery .next()? I want to find the next element that has the class of "error" relative to the element. I've tried using .nextSibling as a loop but couldn't figure it out. Didn't know if there was an easier way to go about it without jQuery.

For instance, if I have this code:

<div id="section">
    <div id="test">test</div>
    <span class="info">Information</span>
    <span class="error">Error!</span>
</div>

I'm trying to get the next .error class closest to #test, if I have a #section2 and a #test2 I would want to get the .error class closest to #test2 and so on.

Solution

  • The nextElementSibling property returns the element immediately following the specified element, in the same tree level.

    Example: Get the HTML content of the next sibling of a list item:

    var x = document.getElementById("item1").nextElementSibling

    The nextElementSibling property might help.