单击获取表行数据
我有一个表,我想让用户点击表格上的任何元素来获取数据行。 我怎么做?
例如,在我看来,我有一个这样的表。
: Client ID Client Name Client Address
当我运行项目时,我会得到这样的东西:
如果用户单击列客户端名称:BBB。 它将有一个弹出窗口说:您好,您已选择客户ID:002,客户名称:BBB,客户端添加:xxxxx。
用户可以单击所有列,它仍将在弹出窗口中返回整行数据。
这该怎么做? 请帮忙。
HTML:@model IEnumerable @ {ViewBag.Title =“Client”; Layout =“〜/ Views / Shared / _Layout.cshtml”; }
Client Name Client Code Client Address Client Lead Partner @foreach (var i in Model) { @i.ClientName @i.ClientCode @i.ClientAddress }
你可以这样做:
$("tr.myTable").click(function() { var tableData = $(this).children("td").map(function() { return $(this).text(); }).get(); console.log(tableData); });
返回一个很好的数据数组,然后你可以按照你想要的方式显示它。
演示: http : //jsfiddle.net/Sc5N7/