1

单击标题链接时，我试图将焦点设置在 textarea 元素上。这是 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

您修改后的 Fiddle HERE

在 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 回答