$.each(resp,function(i, item){ tableContent += '<tr>'; tableContent += '<td>'+ (i + 1) +'</td>'; tableContent += '<td>'+ item.factorLevel +'</td>'; tableContent += '<td>'+ item.factorClass +'</td>'; tableContent += '<td><a>'+ item.factorValueList.length +'</a></td>'; tableContent += '</tr>'; // 追加结构至table $table.html(tableContent); // 如果这样设置,所有的 data 都是一样的,等于获取所有 tr 存储的同一个数据 $('tr').data('data-factorValueList',item.factorValueList); });
后台一次性返回数据,表格默认展示如上结构数据,当点击a
标签时,展示对应的factorValueList
数据。
使用data
在每个tr
上存储对应的factorValueList
,然后点击的时候通过.data()
获取。
如何在循坏的时候,给每个tr
存贮它对应的数据。
注:有其他方法也可以(不通过使用隐藏域先行存储的方式,浪费渲染资源)。
相关分类