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

项目前端用的是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，这样就可以了。