【基础中心】笔记六--选中动态表格的一行

项目前端用的是html和tpl模板。在后台查询数据返回到模板中展示，需要点击一行查看详情。

1.在.tpl中定义

{{each organizations as org}}
    <tr>
        <td id ="detail">
            {{org.orgName}}
            <input type="text" id="orgId" value="{{org.orgId}}"/>
        </td>
    </tr>
{{/each}}

2.有问题的js代码

$("#orgPostList").on('click', '#org-post-list tr #detail', function() {
    $("#orgPostDetailDiv").show();
    var orgId = $("#orgId").val();
    alert(orgId);
});

遇到的问题是：
比如说表格中显示两条数据，点击第二行的id和第一行的id相同。这显然是不正确的。

3.改正后的js代码

$("#orgPostList").on('click', '#org-post-list tr #detail', function() {
    $("#orgPostDetailDiv").show();
    var orgId = $(this).find("#orgId").val();
    alert(orgId);
});

找到选中行的id是orgId，这样就可以了。