Question

嗨再次:)
我正在使用jQuery脚本来显示/隐藏一些内容：

<script type="text/javascript">
$('.toggleButton').click(function() {
    var id = this.id.replace('toggleButton', '');
    $('#content' + id).toggle();
});
</script>

由于我使用的是PHP，我正在迭代几个项目，每个项目都有一个显示/隐藏其内容的按钮。我的内容实际上是一个输入字段很少的表单。在每个项目中，我的表单的第一个字段具有相同的名称（假设为'line1'）我想要做的是当我点击一个项目并打开它的内容时，把焦点放在输入字段'line1'上。当我点击其他项目以关注其“line1”字段时，依此类推......
最好使用jQuery因为我认为它会更简单，但javascript解决方案也会很棒:)

感谢您的帮助！

编辑：我将附加一部分代码，这是我需要显示和隐藏的...也许它会有一些帮助......我正在使用codeigniter，所以不要被某些函数混淆：）< / p>

echo "<div class=\"toggleButton\" id=\"toggleButton".$item['id']."\">CLICK TO OPEN</div>";
echo "<div class=\"content\" id=\"content".$item['id']."\" style=\"display:none;\">";
echo form_open('title/add'); // codeigniter's open form
for ($i = 1; $i <= $item['rows']; $i++) {
    echo "<input type=\"text\" class=\"line\" id=\"line".($i)."\">".br();
}
echo form_submit('submit', 'submit'); // codeigniter's submit for button
echo "</form>";
echo "</div>";

Answer 1

将您的最后一行更改为：

$('#content' + id).toggle().find('input').first().focus()

Answer 2

您是否尝试根据类名

提供公共类名和调用函数

使用jQuery或javascript聚焦“多个”HTML输入字段

2 个答案: