使用jQuery或javascript聚焦“多個” HTML輸入字段

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，所以不要被某些功能所迷惑:)

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

您是否嘗試過給出通用的類名和基於類名的調用函數