How do I focus the next next element

Question

element.next().focus() won't work if elements are like:

<input name="first" /><br />
<input name="second" /><br />
<input name="third" /><br />

But will if they're like

<input name="first" />
<input name="second" />
<input name="third" />

How do I solve this problem?

Answer 1

element.next() returns the next DOM sibling, not the next form element. That means that if you have <br> next to your <input> element, it will return <br> where .focus() makes no sense.

Thats all.

Answer 2

Use this css

input{
position:relative; 
 display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:10px;
}

to vertically set one by one without <br> tag then use .next().focus()