JavaScript equivalent to JQuery .next()

javascript next siblings
Howdy_McGee picture Howdy_McGee · Dec 17, 2013 · Viewed 9.1k times · Source

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.

Answer

swartkatt picture swartkatt · Nov 1, 2018

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.

Related questions

Passing variables to the next middleware using next() in Express.js

Well, my question is I want to pass some variable from the first middleware to another middleware, and I tried doing this, but there was "req.somevariable is a given as 'undefined'". //app.js .. app.get('/someurl/', middleware1, …

Read More
javascript node.js next()

I see a lot of use next in node.js. What is it, where does it come from? What does it do? Can I use it client side? Sorry it's used for example here: http://dailyjs.com/2010/12/06/node-tutorial-5/ look for …

Read More
jQuery: this: "$(this).next().next()" works, but "$(this).next('.div')" does Not

Okay, I am trying to get this set of information to hide individually. <img class="arrow" src="images/navigation/arrowright.png"> <H2>More Information</H2> <div class="box"> <h2>Bibendum …

Read More