JavaScript元素selectting訂購

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'>這是.container的父元素：

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

Answer 2

你可以。其實有一個依賴於此的css選擇器（：第一個孩子）