1

見出しリンクをクリックしたときに、テキストエリア要素にフォーカスを設定しようとしています。これはHTMLです：

<h2 class="trigger active"><a href="#" id="">header</a></h2>
<div class="toggle_container" style="display:block;">
    <div class="block" id="1">
        <div>Blah</div>

        <textarea name="VALUE">Blah blah</textarea>

    </div>
</div>

H2 をクリックしたときに Textarea を相対的にターゲットにするにはどうすればよいですか?

jsfiddle を用意しました: http://jsfiddle.net/MkePe/3/

どんな助けでも感謝..

更新: 既に有効な解決策がありましたが、適切なコンテンツを正確に持たない DIV があると、すべてが機能しなくなります。Textarea がない場合、get(0) メソッドは JS エラーを生成します。これを念頭に置いた柔軟なソリューションはありますか? これが非動作フィドルです： http://jsfiddle.net/3AbHY/3/

4

3 に答える 3

3

あなたの変更されたフィドルはこちら

h2 クリック ハンドラーで:

$(this).next().find('textarea').focus();
于 2012-09-21T14:35:28.270 に答える
1

このように TextArea に ID を追加すると、id="toFocusArea"HTML は次のようになります。

<h2 class="trigger active"><a href="#" id="">header</a></h2>
<div class="toggle_container" style="display:block;">
    <div class="block" id="1">
        <div>Blah</div>

        <textarea name="VALUE" id="toFocusArea">Blah blah</textarea>

    </div>
</div>

クリック イベント ハンドラーは、TextArea に直接フォーカスを使用するだけです。

$("#toFocusArea").focus();
于 2012-09-21T14:37:53.390 に答える
0

小切手：

http://jsfiddle.net/MkePe/4/

ドキュメントの準備ができたらロードする必要があります。

于 2012-09-21T14:38:33.203 に答える