Javascript 使用JS或JQUERY选择页面加载时的第一个html表行

是否有人可以使用jquery或javascript帮助选择页面加载时html表的第一行。 页面加载后，应选择/突出显示第一行，并将所选行中的所有数据放入输入框

这是我的HTML代码 HTML

这是我的JS代码，在这里我在html表上包括onclick选择，还包括用所选行的数据填充输入框的函数

Javascript/jquery

$function{ ///选中时亮显该行 ///编辑状态 /// $'tblCases tr'。单击函数{ 如果我正在编辑{ 回来 } $'tblCases tr'。删除类'selectedRow'； $this.addClass'selectedRow'； }; }; var table=document.getElementByIdtblCases； var-rIndex； 对于var i=1；i以下是一些让您开始学习的内容：

var first_name=$'source_table'。查找'tbody tr:first td:first'。文本； var last_name=$'source_table'。查找'tbody tr:first td:nth-child2'。文本； 变量年龄=$'source_table'。查找'tbody tr:first td:nth-child3'。文本； $'first_name'.valfirst_name； $'last_name'.vallast_name； $‘年龄’。valage； 名字 姓 年龄 乔 打猎 20 简 米德尔托 19 名字： 姓氏： 年龄：

<table id="tblCases">
    <thead>
        <tr>
            <th>CASE KEY</th>
            <th>DEPARTMENT CASE</th>
            <th>DEPARTMENT</th>
            <th style="display: none;">DEPT CODE</th>
            <th style="display: none;">CHARGE</th>
            <th>OFFENSE CODE</th>
            <th>LAB CASE</th>
            <th>INCIDENT REPORT DATE</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>
<p>
    <b>Case Details</b>
</p>
<table>
    <tr>
        <td>
            Department Case 
        </td>
        <td>
            <input type="text" name="Department Case #" id="txtDepartmentCase" value="" />
         </td>
    </tr>
    <tr>
        <td>
            Department
        </td>
        <td>
            <select id="drpDepartment">
            </select>
        </td>
    </tr>
    <tr>
        <td>
            Charge
        </td>
        <td>
            <select id="drpCharge">
            </select>
        </td>
    </tr>
    <tr>
        <td>
            Lab Case 
        </td>
        <td>
            <input type="text" name="Lab Case" id="txtLabCase" value="" />
        </td>
    </tr>
    <tr>
        <td>
            Incident Report Date
        </td>
        <td>
            <input type="text" name="Incident Report Date" id="txtIncidentReportDate" value="" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="hidden" name="Case key" id="txtCaseKey" value="" />
        </td>
    </tr>
</table>
<br />
<table>
    <tr>
        <td>
            <input type="button" value="Edit" id="btnEdit" onclick="" />
        </td>
        <td>
            <input type="button" value="Save" id="btnSave" onclick="SaveData(); this.form.reset();" />
        </td>
        <td>
            <input type="button" value="Cancel" id="btnCancel" onclick="" />
        </td>
    </tr>
</table>