jQueryを使用してスパンの内側にある入力値を取得するにはどうすればよいですか？

Question

私は、次があります。私がやりたい何

<span id="refOrder_2" class="refOrder"> 
    <input type="text" value="0" 
     size="3" name="item.Order" maxlength="3" 
     id="Order_2" class="wijmo-wijtextbox ui-widget ui-state-default ui-corner-all"> 
</span> 

は、入力の値が$（「＃のdialogOrder」）の値と等しくないとき、リフレッシュ機能を起動するためにあるのval（）誰かが私が使用するセレクターを説明することができますか？

$('#refOrder_2'). 

入力の値はどのように取得できますか？

Answer 1

inputはIDを持っているとして、あなたはこのことにより、直接それを得ることができます。

var value = $("#Order_2").val(); 

それとも、あなたは、コンテナのセレクタを使用することを好む場合は、あなたがこれを行うことができます：

var value = $("#refOrder_2 input").val(); 

どちらも同じ結果が得られます。最初の方が少し速いです。

Answer 2

あなたinputがidを持っているので、あなただけのようにそれを参照することができます：あなただけ与えられた内部の直接的な子孫をしたい場合は、

$("#refOrder_2 > input").val() 

Answer 3

を使用することができ、

一般に

$("#Order_2").val() 

divを使用することができます

$('#refOrder_2 > input').val(); 

Answer 4

これは、ほんの一部です。

ターゲット#refOrder_2の子孫であるすべての入力：

$('#refOrder_2 input') 

ターゲット#refOrder_2の子であるすべての入力：

$('#refOrder_2 > input') 

ターゲット特定のタイプのすべての入力：

$('#refOrder_2 input:text') 

最初の入力をターゲット：

$('#refOrder_2 input:first') 

あるいは、すでにいくつかの答えで指摘されているように、あなたのinputは、独自のIDを持っているので、あなたが直接これを使用してアクセスすることができます。

jQueryの要素の選択の詳細については、ドキュメントのjQuery Selectorsページを参照してください。