Javascript元素选择排序[重复]答案

【问题标题】：Javascript elements selectting ordering [duplicate]Javascript元素选择排序[重复]
【发布时间】：2014-02-23 10:35:01
【问题描述】：

假设我有一个类似的 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 代码中按出现次数排序吗？

【问题讨论】：

【解决方案1】：

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

不，因为如果你的 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'> 的父元素（即.container）来使您的选择器更加具体：

$('.container input:eq(0)');

【讨论】：

【解决方案2】：

你可以。实际上有一个 css 选择器 (:first-child) 依赖于此

【讨论】：