Javascript元素选择排序

Question

假设我有一个HTML：

<div class='container'>
    <input class='first'>
    <input class='second'>
</div>

现在如果生病了选择输入：

var inputs = $('input');

我可以100％确定inputs[0]将<input class='first'>和inputs[1] <input class='second'>吗？

如果是这样只有jQuery？我可以使用任何元素选择方法按HTML代码中的出现进行排序吗？

Answer 1

是的，如果您的HTML没有任何其他input元素出现在您当前的HTML之前。

不，因为如果您的HTML看起来像这样：

<input class='thisisfirst' />
<div class='container'>
    <input class='first'>
    <input class='second'>
</div>

然后inputs[0]将是input，其中包含thisisfirst类。为了更准确地inputs[0]为<input class='first'>，您可以通过定位<input class='first'>的{​​{1}}的父元素来使您的选择器更加具体：

.container

Answer 2

你可以。实际上有一个css选择器（：first-child）依赖于这个