jquery - Jqueryは前の入力テキストフィールドの値を取得します

Question

以前のテキスト フィールドの値を警告しようとしています。これが私がこれまでに試したことですが、サイコロはありません：

<div>
    <input type="text" value="foo">
</div>
<div>
    <select onchange="alert($(this).prev('input').val())">
        <option value="bar1">bar1</option>
        <option value="bar2">bar2</option>
    </select>
</div>

Answer 1

代わりにこれを試してください：

<div>
    <input type="text" value="foo">
</div>
<div>
    <select onchange="alert($(this).parent().prev().find('input').val())">
        <option value="bar1">bar1</option>
        <option value="bar2">bar2</option>
    </select>
</div>

jsFiddle の例

select 要素の前の要素を取得しようとしましたが、その要素はありません。親の div に移動し、前の div に移動してから入力に戻る必要がありました。

Answer 2

動作しない理由は、セレクターを含むDIV要素の値を取得しようとしているためです。.prev（）は、呼び出し元の要素の直前の要素をDOMで検索しました

<div>
    <input type="text" value="foo">
    <select onchange="alert($(this).prev().val())">
        <option value="bar1">bar1</option>
        <option value="bar2">bar2</option>
    </select>
</div>

http://jsfiddle.net/2A9jJ/2/の例については、このjsfiddleをご覧ください。