jquery Selector-Browser compatible IE8 positioning issues

There is a problem today:

<input type= "text" id= "valcurrent" value= "current" ></input><input type= "text" value= "first"/><input Type= "text" value= "second"/><input type= "text" value= "third"/>

As shown in the code above, if I am in the "Current" tab object, when I want to select the "second" tag object, my code is as follows:

Alert ($ ("#valCurrent"). Next (). Next (). Val ());

In Ie9,ie10, the result is:

Second

However, in IE8, the result is:

First

What is this for? Let me change the code:

<input type= "text" id= "valcurrent" value= "current"/><input type= "text" value= "first"/><input type= "text" value = "Second"/><input type= "text" value= "third"/>

Get the code for the label object where "second" is not changed, or:

Alert ($ ("#valCurrent"). Next (). Next (). Val ());

In Ie9,ie10, the result is:

Second

However, in IE8, the result is:

Second

As we can see above, in IE8, when you select a tag object, the end tag, such as "</input>", is also considered a label object.

jquery Selector-Browser compatible IE8 positioning issues